angularjs:在select元素中调用一个函数

Question

如何在下面给出的情况下调用函数？

<select class="dropdown">
    <option ng-repeat="group in myGroups" ng-model="group.Name" ng-change="myFunction(group.Id)">{{group.Name}}</option>
</select>

• ng-click不起作用
• 如果你想使用ng-change,则需要ng-model(在这种情况下我不需要ng-model)
• ng-change似乎也没有调用函数
• 我知道我可能只是使用ng-model和$ watch,但由于我认为我不能真正使用ng-model在这种情况下我有点困惑

那么,如何在ng-repeat select中调用函数？(它不是你选择的ng-select)

Answer 1

好吧,它option本身并没有改变.

select元素的价值有什么变化.

所以,试试这个:

<select ng-model="selectedGroup" ng-change="yourFunction()">
   <option ng-repeat="group in myGroups">{{group.name}}</option>
</select>

用yourFunction在当前scope这样的:

scope.yourFunction = function() {
   console.log(scope.selectedGroup);
};

我也强烈建议你看看ngOptions 这里.