AngularJS数据绑定到按钮不起作用

angularjs data binding to button not working

本文关键字：不起作用 按钮 数据绑定 AngularJS      更新时间：2023-09-26

我是 AngularJS 的新手，在文档 (http://docs.angularjs.org/api/ng.directive:ngValue( 中找到了这个绑定到单选按钮，然后尝试将其更改为按钮，但后来它不再工作了？！

这是一个非常简单的选择器，当您选择单选按钮时，它会显示您选择的内容，但是当您单击相同的按钮时，它不会执行任何操作。

视图：

<input type="radio" ng-model="selected.0" ng-value="item" ng-repeat="item in items" for="{{item}}">{{ item }}
<input type="button" ng-model="selected.0" ng-value="item" ng-repeat="item in items" for="{{item}}" >
<br>selected: {{selected.0}}

控制器：

$scope.items = ['settings', 'home', 'other'];
$scope.selected = [''];

我试图通过将ng-repeat指令移动到外部元素来实现您要求的功能。我还在按钮上使用了ng-click指令。这是一个工作示例。

对于按钮输入，您可以摆脱 ng 模型并使用 ng-click 简单地设置项目值，如下所示：

ng-click = "selected.0=item"

jsFiddle 中的工作示例

相关文章：