Question

我是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 = [''];

Answer 1

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

Answer 2

对于按钮输入，您可以删除ng-model并使用ng-click设置项目值，如下所示：

ng-click = "selected.0=item"

jsFiddle

中的工作示例

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

2 个答案: