html - 如何从选择 > 选项调用 AngularJS 函数

Question

我需要从选择中调用 AngularJS 函数:

<select ng-model="selection" >
<option onselect="angular.element(this).scope().functionCall('one')">one</option>
<option onselect="angular.element(this).scope().functionCall('two')">two</option>
<option onselect="angular.element(this).scope().functionCall('three')">three</option>
<option onselect="angular.element(this).scope().functionCall('four')">four</option>
</select>

但是，该函数永远不会被调用。

在 Controller 中，

$scope.functionCall = function(value){
// do stuff with value
}

如何调用该函数。

Answer 1

建议您为此使用ng-change，结果可能与Cyril 的相同，但代码更具可读性和可测试性，也被认为是一种更好的做法:

下面是一个 plunker 的实际演示: http://plnkr.co/edit/7GgwN9gr9qPDgAUs7XVx?p=preview

app.controller('MainCtrl', function($scope) {
  $scope.listOfOptions = ['One', 'Two', 'Three'];

  $scope.selectedItemChanged = function(){
    $scope.calculatedValue = 'You selected number ' + $scope.selectedItem;
  }
});

和 HTML:

<select ng-options="option for option in listOfOptions" 
        ng-model="selectedItem"
        ng-change="selectedItemChanged()">
</select>

希望对您有所帮助。谢谢。