html – 如何从select>选项调用AngularJS函数

前端之家收集整理的这篇文章主要介绍了html – 如何从select>选项调用AngularJS函数前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我需要从选择中调用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>

但是,函数永远不会被调用.

在控制器中,

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

我怎么称呼这个功能.

解决方法

建议您使用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>

希望有所帮助.谢谢.

猜你在找的HTML相关文章