AngularJS – 当选择单选按钮时触发

前端之家收集整理的这篇文章主要介绍了AngularJS – 当选择单选按钮时触发前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
搜索并尝试了许多ng-xxxx种类的选项,但找不到一个。
我只是想选择单选按钮时调用控制器中的一些功能

所以它可能类似于以下..(当然,下面的代码是不工作)

<input type="radio" ng-model="value" value="one" ng-click="checkStuff()"/>

有什么办法来实现我想要的吗?

在单选按钮选择上调用功能有至少两种不同的方法

1)使用ng-change伪指令:

<input type="radio" ng-model="value" value="foo" ng-change='newValue(value)'>

然后在控制器中:

$scope.newValue = function(value) {
     console.log(value);
}

这里是jsFiddle:http://jsfiddle.net/ZPcSe/5/

2)观察模型的变化。这不需要任何特殊的输入电平:

<input type="radio" ng-model="value" value="foo">

但在控制器中会有:

$scope.$watch('value',function(value) {
       console.log(value);
 });

和jsFiddle:http://jsfiddle.net/vDTRp/2/

了解更多关于您的用例将有助于提出一个适当的解决方案。

猜你在找的Angularjs相关文章