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

发布时间：2020-12-17 17:57:46 所属栏目：安全来源：网络整理

导读：如何在下面给出的情况下调用函数？ 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(在这种情

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

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!