My Radio-bottoms are powered by an Array for a Multi-Choice answer setup.
<div ng-repeat="option in options">
<div>
<button type="button" style="min-width: 100px" class="btn btn-default" ng-model="question.answer" btn-radio="'{{option.option_id}}'">{{option.option_text}}</button>
</div>
</div>
Adding to the array works smoothly, as the preset answer is below the new element in Options.
However, deleting one of the Options above the answer and redefining the new Answer id does not update the Radio buttons correctly. The answer is updated on the screen, but the buttons remain unchanged.
UPDATE NEW PLUNKER! Check out my plunker here: http://plnkr.co/edit/2XWFwClewqtcXWPY8ZSK. If you select different options, the answer updates accordingly. But if you select the third option and remove the first or second option, you'll see that the answer updates without updating the check buttons correctly.
Any insights on this issue would be greatly appreciated. Thank you, Kim