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

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

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

在控制器中,

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

我怎么称呼这个功能.

解决方法

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

这是一个在行动中展示它的plunker:
http://plnkr.co/edit/7GgwN9gr9qPDgAUs7XVx?p=preview

@H_502_2@app.controller('MainCtrl',function($scope) { $scope.listOfOptions = ['One','Two','Three']; $scope.selectedItemChanged = function(){ $scope.calculatedValue = 'You selected number ' + $scope.selectedItem; } });

和HTML:

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

希望有所帮助.谢谢.

猜你在找的HTML相关文章