我想在select元素的值更改时执行一个函数(angular-strap中的select元素是html标签)
我的HTML:
<button type="button" class="btn btn-default" ng-model="selectedCriteria" data-html="1" ng-options="choice.value as choice.label for choice in selectChoices" bs-select>
Action <span class="caret"></span>
</button>
我的JS:
$scope.selectedCriteria = "Location";
$scope.selectChoices = [{'value':'Location','label':'<i class=\'fa fa-map-marker\'></i> Location'},
{'value':'Age','label':'<i class=\'fa fa-male\'></i> Age'}];
我尝试将ng-click指令与函数一起放入控制器中,但是当元素更改时,它捕获了click上当前选定值的值,而不是
谢谢
有两种选择,一种是使用ngChange
参考
另一个正在使用$watch
。请参阅api参考的$ watch部分scope
使用示例watch
(将在您的控制器中)
$scope.$watch('selectedCriteria', function() {
$scope.SomeFunction();
});
使用示例 ngChange
<button type="button" class="btn btn-default"
ng-change="SomeFunction()"
ng-model="selectedCriteria" data-html="1"
ng-options="choice.value as choice.label for choice in selectChoices" bs-select>
Action <span class="caret"></span>
</button>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句