привязка данных с угловыми данными к кнопке не работает

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}} 

CONTROLLER:

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

Answer 1

Я пытался реализовать функциональные возможности вы просили, перемещая ng-repeat директивы внешних элементов. Я также использовал ng-click директивы на кнопках. Вот working example.

Answer 2

Для ввода кнопки, вы можете просто избавиться от нг-модели и используя нг кнопкой мыши, чтобы установить значение элемента, просто нравится:

ng-click = "selected.0=item" 

Работа пример jsFiddle