Example of how to correctly use radio inputs with Angular JS's ng:Repeat directive

right_radios.html

<div ng-repeat="m in milestone_choices" class="row-fluid">
    <label><input type="radio" name="meaningless" value="(( $index ))" ng-model="milestone_data.index" />
    &nbsp;<span ng-bind="m.title"></span></label>
</div>

right_radios.js

$scope.milestone_data = { index: 0 };

select.html

<input name="milestone" type="hidden" value="(( repo.name + '--milestone--' + milestone.number ))"/>
<select ng-show="milestone_choices.length"
        ng-model="milestone" ng-options="m.title for m in milestone_choices">
</select>

wrong_radios.html

<div ng-repeat="milestone in milestone_choices" class="row-fluid">
    <input type="radio" ng-model="milestone" name="milestone" value="(( repo.name + '--milestone--' + milestone.number ))" ng-model="milestone"/>
    &nbsp;<span ng-bind="milestone.title"></span>
</div>

The name attribute for radio buttons isn't meaningless. If you have multiple radio button lists they won't group properly, will they? I had to bind a unique group value to mine to get them to work.

Top