我想在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'}];
我尝试在 Controller 中放置一个带有函数的 ng-click 指令,但它在单击时捕获当前选定值的值,而不是在元素更改时捕获
谢谢
最佳答案
有几个选项正在使用 ngChange
Reference
另一个是使用$watch
。查看 scope
api reference 的 $watch 部分
使用 watch
的示例(这将在您的 Controller 中)
$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>
关于angularjs - 带有 AngularStrap 选择元素的 onchange 事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25437636/