Multiple rows of buttons acting like radio buttons in angularJS

Question

The issue here is I have three buttons per row and I need one buttons value to be save:

• eg: if the good button is clicked I need to save good and if another button is clicked, then the previous value should replace by the current value.

Exactly same for other row buttons.every buttons per row as selected should activate the buttons.

I am new to angular and i have no code to show here.

• Image

Answer 1

Don't you want to use radio from https://angular-ui.github.io/bootstrap/ ?

naive realisation is

<span ng-bind="vm.value"></span>
<button ng-click="vm.value = 1">1</button>
<button ng-click="vm.value = 2">2</button>
<button ng-click="vm.value = 3">3</button>