AngularJS form vaidate with radio buttons and ng-repeat

Question

I'm trying to validate a form that is dynamically generated with JSON data, that is rendered to the page using ng-repeat. The data is questions with corresponding answers. The issue I'm running in to is that with a dynamic ng-model on each group, like so:

		<div class="well question-well" ng-repeat="question in Posttest1Questions">
			
			<p><strong>{{question.question}}</strong></p>
			
			<ul>
				<li ng-repeat="answers in question.answers">
					<input type="radio" name="Q{{question.id}}" ng-model="question_[question.id]" id="{{question.id}}" value="{{answers.id}}" required data-key="{{answers.isCorrect}}">{{answers.answer}}
				</li>
			</ul>
		</div>

Even when all the questions are answered, the form never turns valid. In turn, if I remove the ng-model attr, the form is always valid, even if no radio buttons has been selected.

Example Plunkr: http://plnkr.co/edit/DvcJ8byS0yF7iLp37Ets?p=preview

Answer 1

The underscore in ng-model="question_[question.id]" seems wrong to me.

Please try ng-model="question[question.id]" then you can simply say required

updated your plnkr: http://plnkr.co/edit/gCZHFqd07880Os8FcxhG?p=preview