Как установить событие, которое срабатывает при изменении элемента input: number?

Question

У меня есть этот входной номер:

    <input type="number" class="form-control input-sm col-xs-2" id="txtMonth" ng-model="month" min="1" max="12"/> 

когда значение изменилось, мне нужно подать js функцию. Как установить событие, которое сработало при изменении события?

Answer 1

Html: <input type="number" class="form-control input-sm col-xs-2" id="txtMonth" ng-model="month" ng-change="change()" min="1" max="12"/>

Javascript:

angular.module('yourapp', [])
.controller('yourcontroller', ['$scope', function($scope) {
      $scope.change = function() {
    /*..... Do Something Here  */
  };
}]);

Пожалуйста, попробуйте это и дайте мне знать, если ваша проблема решена.

Answer 2

Вы можете использовать директиву ng-change для запуска любой функции, которую вы хотите.

<input type="number"  ng-model-options='{ debounce: 1000 }' ng-change='fireFunction()' />

В большинстве случаев вы не хотите немедленно запускать функцию. ng-model-options='{debounce : Number}' позволяет подождать до запуска обработчика.

О debounce: он не обновляет модель сразу, а добавляет задержку указанного вами значения. в качестве варианта дебатирования