Hola, estoy desarrollando la aplicación Angularjs. Estoy haciendo una llamada ajax al servidor para obtener algunos detalles. La solicitud es POST. El código escrito para Ajax está en bucle y no se detiene.

 (function () { angular.module('RoslpApp').controller('ChangePassword', ['$scope', '$http', '$translatePartialLoader', '$translate', '$state', '$stateParams', 'cfg', 'toastr', function ($scope, $http, $translatePartialLoader, $translate, $state, $stateParams, cfg, toastr) { var url = cfg.Baseurl + "api/Customer/ResetPassword"; // alert(SomeFactory.getData()); var url = cfg.Baseurl + "api/Customer/ModifyPassword"; var ID = $stateParams.LoginID; debugger; //this loops and never stops $scope.changePassword = function () { var resetpassword = { ID: ID, NewPassword: $scope.otpnewpassword }; $http.post(url, resetpassword).then(function (response) { }, function (error) { }); } }]); })();

Este es mi código html.

 <div class="body-wrapper background-pattern"> <div class="form-wrapper"> <div class="form-container"> <h2 class="form-header">Change Password</h2> <div class="form-row"> <div class="inputblock"> <span class="input-icon"><img src="images/lock-icon.png"></span> <input type="password" class="with-icon" placeholder="New Password" ng-model="newpassword"> </div> <div class="inputblock"> <span class="input-icon"><img src="images/lock-icon.png"></span> <input type="password" class="with-icon" placeholder="Confirm Password"> </div> </div> <div class="button-container"> <input type="button" value="Change Password" id="input-submit" ng-bind="changePassword()"> <input type="submit" value="Cancel" id="input-cancel"> </div> </div> </div> </div>

No estoy seguro de por qué la llamada Ajax está en bucle. ¿Puedo obtener ayuda aquí para arreglar esto? Cualquier ayuda sería apreciada. Gracias.