Angularjs 带有AngularStrap select元素的Onchange事件

我想在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'}];

$scope.selectedCriteria=“Location”；
$scope.selectChoices=[{'value'：'Location'，'label'：'Location'}，
{'value'：'Age'，'label'：'Age'}]；

我尝试在控制器中放置一个带有函数的ng click指令，但当元素更改时，它会捕获当前选定值的值

---

谢谢

有两个选项可以使用

ngChange

另一个是使用

$watch

。请参阅的$watch部分

使用

监视
的示例（这将在您的控制器中）

使用
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>


行动

<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>