I am currently facing an issue with updating the choices in my object that contains a question and list of choices. I'm using nested ng-repeats to display this object on the page. While changing the 'question' works perfectly fine, modifying the 'choice' does not reflect any changes. Can someone help identify where the problem might be?
Here's how my page layout looks:
<div class="panel">
<div class="row">
<div class="large-12 columns">
<h3>{{ title }}</h3>
<ol>
<li ng-repeat="q in quiz">
<input type="text" ng-model="q.question">
<ul class="remove-li-dots">
<li ng-model="choice" ng-repeat="choice in q.choices">
<input type="text" ng-model="choice" name="answer{{ q.id }}" >
</li>
</ul>
</br>
</li>
</ol>
<a class="button" ng-click="submitQuiz()">Submit</a><br>
{{ quiz }}
</div>
</div>
Take a look at a screenshot of the page here: