Having trouble dynamically generating options for a radio model using Angular's ui.bootstrap. I attempted to ng-repeat over an array to use its contents for the btn-radio attribute as shown below:
//In the controller
$scope.radioModel = undefined;
$scope.radioModelButtons = ["a", "b", "c"];
//In the HTML
<div class="btn-group" >
<button ng-repeat="value in radioModelButtons"
class="btn" type="button" ng-model="radioModel"
btn-radio="'{{value}}'">
{{value}}
</button>
</div>
Using angular 1.1.4 and ui.bootstrap 0.3.0.
Check out this jsfiddle to see the radio buttons acting independently without affecting the radioModel variable.
Appreciate any help, thank you!