javascript - 我如何一次显示/隐藏一个 ng-repeat 元素？

Question

• 我正在构建一个简单的测验引擎作为我在 angularjs 中的第一个项目，

• 我的 View 当前显示问题列表和多项选择答案 使用 ng-repeat 指令。

关于如何实现在用户选择当前问题的答案后显示下一个问题的功能，有什么建议吗？

我想 ng-show 指令可能会有所帮助 - 我可以在 jQuery 中做到这一点，没有问题，但我正在尝试学习 angularjs 的最佳实践。

代码示例如下:

  <div class="quiz">
       <div class="question" ng-repeat="question in quiz.questions">
          <h3>{{ question.text }}</h3>
          <div class="answers" ng-repeat="answer in question.answers">
              <div class="answer"><a href="{{ answer.id }}"> {{ answer.text }} </a></div>
          </div>
        </div>
  </div>

Answer 1

您可以创建一个计数器，并将其与 ng-show 指令中的 $index 进行比较，当选择答案时，您只需增加计数器即可。不过，您最终可能会得到更复杂的东西，而不是纯粹的递增(可能会计算答案数组的长度等)。