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-model を取り除き、ng-click を使用して次のようにアイテムの値を設定するだけです。

ng-click = "selected.0=item"

jsFiddleでの作業例