Как избежать старого значения, появившегося после просмотра, обновленного в Angular?

Question

В моем угловом приложении, есть основной компонент приложения, которые имеют слушатель событий:

... 
$scope.$on('page::change', function(e, value) { 
    self.navList = value; 
}); 
... 

и компонент навигации внутри приложения компонента, то есть только один varible, которые связывают с navList внутри приложения компонента:

app.component('navBar', { 
    bindings: { 
    list: '<', 
    }, 
    templateUrl: 'templates/e/navBar.html', 
    ... 
}); 

Внутри navBar.html, я использую нг-повтора, чтобы отобразить данные «списка»:

<nav> 
    <a ng-repeat="(key,value) in Nav.list" ng-href="{{ value }}" ng-bind="key"></a> 
</nav> 

Всякий раз, когда я изменить значение navList я Nside приложение, или я испускают событие 'страницы :: изменения', представление данных будет мигать на веб-странице, как:

Оригинал:

OldValue 

И затем вспышки:

NewValue OldValue 

И наконец:

NewValue 

Как исправить это? Версия anuglar является 1.5.8

Answer 1

У меня была та же проблема, а иногда и мое решение было поместить элемент вокруг, чтобы избежать многих привязок к одному элементу:

<nav> 
    <span ng-repeat="(key,value) in Nav.list"> 
     <a ng-href="{{value}}">{{key}}</a> 
    </span> 
</nav> 

Я не знаю, может ли это помочь вам в вашей ситуации, но я могу попробовать.

Answer 2

Вы можете попробовать это:

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