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

发布时间：2020-12-17 09:10:25 所属栏目：安全来源：网络整理

导读：我搜索并尝试了许多ng-xxxx种类的选项，但找不到一个。我只是想选择单选按钮时调用控制器中的一些功能。所以它可能类似于以下..(当然，下面的代码是不工作) input type="radio" ng-model="value" value="one" ng-click="checkStuff()"/ 有什么办法来实现我

我搜索并尝试了许多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/

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!