title: angularjs show or hide in nested repeaters
body: <p>What's the best practice of toggling elements in nested ng-repeaters? I have the following angular template: </p>
  
  <pre><code>&lt;div&gt;
      {{question.Description}}
      &lt;div ng-repeat="answer in question.Answers"&gt;
          &lt;a href="#" ng-click="answerQuestion(question, answer.ID, $index)"&gt;{{answer.Description}}&lt;/a&gt;
          &lt;div ng-repeat="qAnswer in answer.Questions"&gt;&lt;!-- Hide/show here --&gt;
              &lt;a href="#" ng-click="answerQuestion(question, qAnswer.ID, $index)"&gt;{{qAnswer.Description}}&lt;/a&gt;
              &lt;div ng-repeat="childAnswer in qAnswer.Answers"&gt;&lt;!-- Hide/show here --&gt;
                  &lt;a href="#" ng-click="answerQuestion(question, childAnswer.ID, $index)"&gt;{{childAnswer.Description}}&lt;/a&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Edit:</p>
  
  <p>I'd like to toggle based on click action </p>