How do I submit form data in AngularJS? I have a div that populates the input field from a GET request. Now, I want to send this data using a POST method. How can I achieve this? Below is the form div:
<div class="row" ng-app="myApp" ng-controller="myCtrl">
<div class="col-lg-4">
<span>{{myMessage}}</span>
<form name="userForm" ng-submit="submitForm()">
<div class="form-group">
<label>Make</label>
<input type="text" class="form-control" id="makeid" ng-model="myMessage.make">
</div>
<div class="form-group">
<label>Vin</label>
<input type="text" class="form-control" id="vinid" ng-model="myMessage.vin">
</div>
<div class="form-group">
<label>Modal</label>
<input type="text" class="form-control" id="modalid" ng-model="myMessage.model">
</div>
<div class="form-group" ng-repeat="part in myMessage.parts">
<label>Parts</label>
<input type="text" class="form-control" id="partsid" ng-model="part.name">
<input type="text" class="form-control" id="partsid" ng-model="part.desc">
</div>
<button type="submit" class="btn btn-primary" onclick="sendData()">Submit</button>
</form>
</div>
</div>
I attempted to post this data at a specific URL:
<script>
function sendData($scope) {
$http({
url: 'http://192.16.1.1:8080/restproj/v1/dealer/car',
method: "POST",
data: { 'message' : message }
})
.then(function(response) {
// success
},
function(response) { // optional
// failed
});
}
</script>
However, I am struggling to successfully post it. What other methods can I use to send the data?