我如何一次显示/隐藏ng-repeat元素?

时间:2014-01-28 12:06:50

标签: javascript jquery angularjs

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

  • 我的观点目前显示了一系列问题和多项选择答案 使用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>

1 个答案:

答案 0 :(得分:1)

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