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

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按钮上使用了指令。这是一个工作示例。

Answer 2

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

ng-click = "selected.0=item"

jsFiddle中的工作示例