2016-11-16 36 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确实有效,谢谢! –

相关问题