ng-change obtenir une nouvelle valeur et une valeur d'origine

J'utilise ng-options pour sélectionner des valeurs dans une liste déroulante. J'aimerais pouvoir comparer l'ancienne valeur à la nouvelle valeur. ng-change fonctionne bien pour saisir la nouvelle valeur du menu déroulant, mais comment puis-je obtenir à la fois la nouvelle valeur et la valeur d'origine?

<select ng-change="updateValue(user)" ng-model="user.id" ng-options="user.id as user.name for user in users"></select> 

Par exemple, disons que je voulais que le contrôleur enregistre, "Votre ancien nom d'utilisateur était BILL, votre nom d'utilisateur actuel est PHILLIPE."

Avec une {{expression}} angulaire, vous pouvez ajouter l'ancienne valeur user ou user.id à l'attribut ng-change sous forme de chaîne littérale:

<select ng-change="updateValue(user, '{{user.id}}')" 
        ng-model="user.id" ng-options="user.id as user.name for user in users">
</select>

Sur ngChange, le 1er argument de updateValue sera la nouvelle valeur utilisateur, le 2ème argument sera le littéral qui a été formé lors de la dernière mise à jour de la balise select par angular, avec l'ancienne valeur user.id.

Vous pouvez également utiliser

<select ng-change="updateValue(user, oldValue)"     
       ng-init="oldValue=0"
       ng-focus="oldValue=user.id"
       ng-model="user.id" ng-options="user.id as user.name for user in users">
</select>

Vous pouvez utiliser quelque chose comme ng-change = someMethod ({{user.id}}). En gardant votre valeur de côté {{expression}}, il évaluera l'expression en ligne et vous donnera la valeur actuelle (valeur avant l'appel de la méthode ng-change).

<select ng-model="selectedValue" ng-change="change(selectedValue, '{{selectedValue}}')">

Gardez simplement une variable currentValue dans votre contrôleur que vous mettez à jour à chaque changement. Vous pouvez ensuite comparer cela à la nouvelle valeur à chaque fois avant de la mettre à jour. '

L'idée d'utiliser une montre est également bonne, mais je pense qu'une variable simple est la solution la plus simple et la plus logique.

Vous pouvez utiliser une montre à lunette:

$scope.$watch('user', function(newValue, oldValue) {
  // access new and old value here
  console.log("Your former user.name was "+oldValue.name+", you're current user name is "+newValue.name+".");
});

https://docs.angularjs.org/api/ng/type/$rootScope.Scope#$watch

Vous pouvez utiliser une montre à la place, car elle a l'ancienne et la nouvelle valeur, mais vous ajoutez ensuite au cycle de résumé.

Je garderais juste une deuxième variable dans le contrôleur et la définirais.