2016-11-16 34 views
-2

我有以下選擇元素:Angular - 如何檢查選擇選項何時更新?

<select id="expiry" class="input col-sm-12 col-xs-12 ng-pristine ng-valid ng-touched" ng-model="selectedInstrumentExpiration" ng-options="item.expire | timezone: 'EST' | date:'MMM dd, yyyy HH:mm' for item in selectedInstrumentCode.value | filterExpired | orderBy: 'expire'" ng-change="changeInstrumentExpiration()"> 

它被用來保存一定的到期時間,一般在5個分鐘的時間間隔之間,一旦達到其中之一它從列表中刪除,下一個來上頂。

我想要的是當新的東西在頂端時執行一些東西。我嘗試使用ng-change(changeInstrumentExpiration())指定的函數,但只有在用戶手動更改它時才起作用。我也用watchCollection嘗試過,但那也沒用。

你會說在這種情況下最好的行動方案是什麼?我是比較新的角度這樣一些幫助,將不勝感激:)

+0

粘貼代碼區間中的數據變化。 –

+0

每當新值添加數組時,從數組中刪除最後一個值。這很簡單 –

回答

2

可以使用AngularJS的監控功能,以檢測任何改變

$scope.$watch('data', function (newVal, oldVal) { /*...*/ }, true); 
+0

我試過了,但它不起作用,它與我使用$ watchCollection時相同 - 它在用戶選擇一個選項時起作用,但在可用選項更新時不起作用。 –

+0

啊,沒關係,我的錯誤是在別的地方,$ scope。$ watch確實有效,謝謝! –

相關問題