title: Nested ng-repeat and radio or checkbox inputs not working
body: <p>I am trying to show list of questions and their choices by nested ng-repeat, I have seen plenty of similar questions but still could not fix my issue. My issue here is I could see the list of questions but the choices are not getting displayed and in the developer tools I could only see the commented ng-repeat line in place of choices.</p>
  
  <p>Here is my View</p>
  
  <pre><code>&lt;div ng-repeat ="question in questions track by $index" class="panel panel-default" ng-show="showQuestions"&gt;
      &lt;div class="panel-heading"&gt;
          &lt;div class="panel-title"&gt;
              &lt;a href="div#{{$index}}" class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" &gt;
                  {{question.QuestionTxt}}
              &lt;/a&gt;
              &lt;div class="row height"&gt;&lt;/div&gt;
              &lt;div class="row" ng-show="question.QuestionTypeTxt == 'RadioButton'"&gt;
                      &lt;div class="col-xs-3" ng-repeat ="answer in questions.QuestionAnswers track by $index"&gt;
                          &lt;input type="radio" ng-model="selectedChoice.choice" ng-value="{{answer.AnswerTxt}}" name="{{question.QuestionTxt}}"/&gt;{{answer.AnswerTxt}}
                      &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="row" ng-show="question.QuestionTypeTxt == 'Checkbox'"&gt;
                      &lt;div class="col-xs-3" ng-repeat ="answer in questions.QuestionAnswers track by $index"&gt;
                          &lt;input type="checkbox" ng-model="selectedChoice.choice" ng-value="{{answer.AnswerTxt}}" name="{{question.QuestionTxt}}"/&gt;{{answer.AnswerTxt}}
                      &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here is my Controller</p>
  
  <pre><code>$scope.questions = [];
                  $scope.selectedChoice = { choice:"" };
  
  $scope.addQuestions = function () {
         $scope.showQuestions = true;
          rmat3Service.getQuestionsForSection().then(function (data) {
                angular.forEach(data,function(a) {
                       $scope.questions.push(a);
                 });
          });
  }
  </code></pre>
  
  <p>This is my Json data:</p>
  
  <pre><code>var questions = new List&lt;Question&gt;();
  var answers = new List&lt;QuestionAnswer&gt;();
  answers.Add(new QuestionAnswer()
  {
       AnswerTxt = "Yes",
  });
  answers.Add(new QuestionAnswer()
  {
       AnswerTxt = "No"
  });
  answers.Add(new QuestionAnswer()
  {
       AnswerTxt = "Yes Verified"
  });
  answers.Add(new QuestionAnswer()
  {
       AnswerTxt = "Not Applicable"
  });
  questions.Add(new Question()
  {
       QuestionId = 1,
       QuestionTxt = "Are aisles clear of product on the floor?",
                      QuestionTypeTxt = "RadioButton",
                      QuestionAnswers = answers
  });
  questions.Add(new Question()
  {
       QuestionId = 2,
       QuestionTxt = "Automated Car Wash",
       QuestionTypeTxt = "Checkbox",
       QuestionAnswers = answers
  });
  return Json(questions, JsonRequestBehavior.AllowGet);
  </code></pre>