You can do like below:
<div ng-controller="MyController" >
<form>
<input type="text" id="name" ng-model="myForm.name" ng-minlength="5" ng-maxlength="12"> Name <br/>
<select ng-model="myForm.car">
<option value="nissan">Nissan</option>
<option value="toyota">Toyota</option>
<option value="fiat">Fiat</option>
</select>
<button ng-click="myForm.submitTheForm()">Submit Form</button>
</form>
<div>
{{myForm.name}}
</div>
<div>
{{myForm.car}}
</div>
<script>
angular.module("myapp", [])
.controller("MyController", function($scope, $http) {
$scope.myForm = {};
$scope.myForm.name = "Jakob Jenkov";
$scope.myForm.car = "nissan";
$scope.myForm.submitTheForm = function(item, event) {
console.log("--> Submitting form");
var dataObject = {
name : $scope.myForm.name
,car : $scope.myForm.car
};
var responsePromise = $http.post("/angularjs-examples/json-test- data.jsp", dataObject, {});
responsePromise.success(function(dataFromServer, status, headers, config) {
console.log(dataFromServer.title);
});
responsePromise.error(function(data, status, headers, config) {
alert("Submitting form failed!");
});
}
});
</script>
For Call Jquery Funtion with angular you can check with this link
Call jQuery function from AngularJS Controller
Happy Coding :)
