javascript - 如何使用 AngularJS ng-click/ng-repeat 取消选择未选择的项目？

Question

            <div class="right">
              <a class="waves-effect waves-light btn"
                ng-repeat="answer in question.answers"
                ng-click="answer.isSelected = !answer.isSelected">
                {{ answer.letter }}
              </a>
            </div>

这是我的代码。我有很多答案，我希望用户选择一个。我有那部分工作。我没有工作的部分是我想将所有其他答案的isSelected设置为false。我怎样才能做到这一点？

请记住，我的数据是 super 嵌套的。因此 question 是 ng-repeat="question in instructionsSet.questions" 的一部分，而 instructionSet 是另一个 ng-repeat 的一部分等等。

Answer 1

如果只能选择一个元素，最好有一个参数，因此保存状态而不是在每个对象上都保存状态。

<div class="right">
    <a class="waves-effect waves-light btn"
        ng-repeat="answer in question.answers"
        ng-click="$parent.question.selectedAnswer =
          $parent.question.selectedAnswer == answer ? null: answer">
        {{ answer.letter }}
    </a>
</div>