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

前端之家收集整理的这篇文章主要介绍了angularjs:在select元素中调用一个函数前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何在下面给出的情况下调用函数

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

解决方法

好吧,选项本身不会改变.

select元素的值有什么变化.

所以,试试这个:

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

在当前范围内使用yourFunction,如下所示:

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

我还强烈建议您查看ngOptions here.

猜你在找的Angularjs相关文章