중첩 된 repeater에서 angularjs 표시 또는 숨기기

Question

중첩 된 ng-repeater에서 요소를 전환하는 가장 좋은 방법은 무엇입니까? 나는 다음 각 템플릿이 있습니다

<div> 
    {{question.Description}} 
    <div ng-repeat="answer in question.Answers"> 
     <a href="#" ng-click="answerQuestion(question, answer.ID, $index)">{{answer.Description}}</a> 
     <div ng-repeat="qAnswer in answer.Questions"><!-- Hide/show here --> 
      <a href="#" ng-click="answerQuestion(question, qAnswer.ID, $index)">{{qAnswer.Description}}</a> 
      <div ng-repeat="childAnswer in qAnswer.Answers"><!-- Hide/show here --> 
       <a href="#" ng-click="answerQuestion(question, childAnswer.ID, $index)">{{childAnswer.Description}}</a> 
      </div> 
     </div> 
    </div> 
</div> 

편집 :

내가 클릭 동작을 기반으로 전환 할 수 싶습니다

Answer 1

<div> 
    {{question.Description}} 
    <div ng-repeat="answer in question.Answers"> 
     <a href="#" ng-click="answerQuestion(question, answer.ID, $index);answer.show=!answer.show">{{answer.Description}}</a> 
     <div ng-repeat="qAnswer in answer.Questions" ng-show="answer.show"><!-- Hide/show here --> 
      <a href="#" ng-click="answerQuestion(question, qAnswer.ID, $index);qAnswer.show=!qAnswer.show">{{qAnswer.Description}}</a> 
      <div ng-repeat="childAnswer in qAnswer.Answers" ng-show="qAnswer.show"><!-- Hide/show here --> 
       <a href="#" ng-click="answerQuestion(question, childAnswer.ID, $index)">{{childAnswer.Description}}</a> 
      </div> 
     </div> 
    </div> 
</div> 

U는, true 또는 false로 개체 값을 설정해야 angularjs 나머지를 할 것입니다.

Answer 2

는

<div ng-init="items_display=[]"> 
    {{question.Description}} 
    <div ng-repeat="answer in question.Answers"> 
     <a href="#" ng-click="answerQuestion(question, answer.ID, $index)">{{answer.Description}}</a> 
     <div ng-repeat="qAnswer in answer.Questions"><!-- Hide/show here --> 
      <a href="#" ng-click="answerQuestion(question, qAnswer.ID, $index)" ng-click="items_display[$index] = !items_display[$index]">{{qAnswer.Description}}</a> 
      <div ng-repeat="childAnswer in qAnswer.Answers" ng-show="items_display[$index]"><!-- Hide/show here --> 
       <a href="#" ng-click="answerQuestion(question, childAnswer.ID, $index)">{{childAnswer.Description}}</a> 
      </div> 
     </div> 
    </div> 
</div>