Recently, I integrated AngularJs into a website that is built with asp.net webforms.
I discovered that when using ng-Submit on a button, the form also triggers a Post call.
How can I prevent the form from automatically submitting so that Angular can perform its tasks?
Here is a snippet of my code:
<form id="form1" runat="server">
<div>
<input type="text" data-ng-model="enteredName" ng-model-instant/>
<button class="btn" value="add" data-ng-submit="addName()">Add</button>
</div>
</form>
//Function to Add Name
$scope.addName = function () {
$scope.names.push($scope.enteredName);
$scope.enteredName = '';
};
Please Note:
The ng-submit controller works correctly by adding the input to the string list, but afterwards, the form initiates a post call and the page goes to IsPostBackCould someone advise me on how to prevent the form from performing a post submission?