从 Select Angularjs 调用控制器函数答案

【问题标题】：Call Controller Function from Select Angularjs从 Select Angularjs 调用控制器函数
【发布时间】：2014-06-17 08:16:41
【问题描述】：

我想知道如何根据菜单中选择的选项调用控制器中的函数。

例如，使用 ng-click，当单击 a 时，我可以调用该函数。我想在 AngularJS 中选择时做类似的事情。

<select class="dropdown">  
  <option value="">Menu</option> 
  <option ng-click="open()">Settings</option> // call open() when Settings is selected
</select>

有什么想法吗？

【问题讨论】：

您可以使用 ng-model 和 $watch 更改该模型。

标签： javascript angularjs

【解决方案1】：

将 ng-change 与 ng-model 一起使用：

 <select ng-model="model" ng-change="onSelect()" >

onSelect() 是作用域上的一个方法。

【讨论】：

谢谢！ ng-model 非常强大:)

【解决方案2】：

<select ng-model="whatever">
     <option value="settings">Settings</option>
</select>

在您的控制器中：

$scope.$watch('whatever', function(newValue, oldValue) {
     if (newValue == 'settings') { 
         doSomething();
     }
});

【讨论】：