Угловое ng-изменение входного текстового поля со старым значением

Question

<input type="text" id="exampleab" 
ng-model="a.b" 
ui-event="{ blur : 'callScriptThenServer()' }" > 

По некоторым причинам ng-change на текстовом поле не работает, поэтому я его использую; Использование Angular-ui's ui-events.

ПРОБЛЕМА

Я хочу, чтобы вызвать функцию, только если значение изменяется и также хочет старое значение в функции обратного вызова. (Так как я хочу, чтобы отправить OldValue на сервер).

Я не хочу идти через чисто директиву маршрут, потому что есть так много вхождений этих

NG-CHANGE: на каждый персонаже изменился ли я получить обратный вызов. Я не хочу этого. Мне нужно вызвать скрипт сервера .. со старым значением в текстовом поле и новое значение после размытия

Answer 1

Вы можете использовать AngularJS Watch

$scope.$watch(function(){ 
    return $scope.a.b; 
}, function(newvalue, oldvalue){ 
    //Here You have both newvalue & oldvalue 
    alert("newvalue: " + newvalue); 
    alert("oldvalue: " + oldvalue); 
},true); 

Plunkr DEMO

Answer 2

Вы можете наблюдать переменную иметь newValue и oldValue одновременно.

<input type="text" id="exampleab" ng-model="a.b" > 

В вашем контроллере:

app.controller('ctrl', function ($scope) { 
    $scope.$watch('a.b', function (newValue, oldValue) { 
     console.log('oldValue=' + oldValue); 
     console.log('newValue=' + newValue); 
     //do something 
    }); 
}); 

JSFiddle

EDIT Вы упомянули новое требование в вашем редактирования, так что я изменить мой ответ. Вы не должны использовать ng-change. вы должны получить oldValue, когда элемент управления будет сфокусирован, и сохраните его в переменной, а затем получите новое значение при событии размытия. I set up a new fiddle.

В контроллере:

app.controller('ctrl', function ($scope) { 
     $scope.showValues = function() { 
      alert('oldValue = ' + $scope.oldValue); 
      alert('newValue = ' + $scope.a.b); 
     } 
    }); 

Я ваш взгляд

<input type="text" id="exampleab" ng-model="a.b" ng-init="oldValue = ''" ng-focus="oldValue = a.b" ng-blur="showValues()" />{{a.b}} 

Answer 3

Используйте нг-модель-опции

<input type="text" ng-model="a.b" ng-change="callScriptThenServer()" ng-model-options="{updateOn: 'blur'}"/> 

Answer 4

Используйте угловые ngModelOptions с getterSetter: верно; а затем использовать вызов метода внутри «установленной» части функции.

Смотрите последний пример на этой странице: https://docs.angularjs.org/api/ng/directive/ngModelOptions