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 我需要从选择中调用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 – 如何从select>选项调用AngularJS函数全部内容，希望文章能够帮你解决html – 如何从select>选项调用AngularJS函数所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。