javascript - 这是根据 angularjs 中的根组织显示和隐藏 html 的代码的好方法吗

Question

我正在使用 Angular 进行测验。我有问题/#/questions/1

的根

我有 6 个问题，根据 root 我显示和隐藏问题的 html...目前我的代码如下所示

模板

<section ng-class="{active:isActive(1)}">
    Pitanje 1
</section>
<section ng-class="{active:isActive(2)}">
    Pitanje 2
</section>
<section ng-class="{active:isActive(3)}">
    Pitanje 3
</section>
<section ng-class="{active:isActive(4)}">
    Pitanje 4
</section>
<section ng-class="{active:isActive(5)}">
    Pitanje 5
</section>
<section ng-class="{active:isActive(6)}">
    Pitanje 6
</section>

问题 Controller

$scope.isActive = function(question) {
    return question === Number($routeParams.id);
}

有没有办法不使用节的硬编码索引？或者更像 jQuery 索引的东西...

Answer 1

为什么不使用 ng-repeat 和 $index 来设置它？

在 Controller 中添加类似的内容

$scope.questionsNumber = new Array(6)

并在模板中更改为(伪代码，未测试，请检查 ng-repeat 文档以了解详细信息):

   <section ng-repeat="i in questionsNumber track by $index" ng-class="{active:isActive($index)}">
       Pitanje {{$index}}
   </section>

您可能想要/需要使用函数而不是 questionsNumber，如本 question 中所述。