JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.7/angular.min.js"></script>
<div ng-app="app" ng-controller="MyCtrlr as c">
<input ng-model="c.username"/>
<input ng-model="c.password"/>
<button ng-click="c.send()">Send</button>
<div>{{c.res}}</div>
</div>
JavaScript
angular.module('app', [])
.config(['$httpProvider', function($http) {
$http.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=utf-8';
$http.defaults.transformRequest = function(data) {
return $.param(data);
};
}]).controller('MyCtrlr', ['$http', function($http){
$c = this;
$c.send = function(){
$http.post('https://httpbin.org/post', {username: $c.username, password: $c.password})
.success(function(res) {
$c.res = res;
})
};
}]);