AngularJS - Model not updating on selection of radio button generated by ng-repeat

Question

I am generating a bunch of radio buttons using ng-repeat, and then trying to update a model when one of them is selected. This doesn\'t appear to be working.

The same m

Answer 1

the above issue was discussed here

That happens because ng-repeat creates a new scope. Basically, each is creating a selectedOption value on its own inner scope. To work around that, create a new container object for that value. For example, you could declare in your controller:

$scope.data = {selectedOption: x};

And then in your template, use ng-model="data.selectedOption"

in this way, ng-model gets updated .. :)

this is tricky