javascript - 是否可以不重复内联条件？ Angular.js

Question

考虑这样一个多步骤形式的 header :

<ul class="steps-selector">
    <li>
        <a ng-class="{'active':isCurrentStep(0)}" ng-click="setCurrentStep(0)">intro</a>
    </li>
    <li>
        <a ng-class="{'active':isCurrentStep(1)}" ng-click="setCurrentStep(1)">situation</a>
    </li>
    <li>
        <a ng-class="{'active':isCurrentStep(2)}" ng-click="setCurrentStep(2)">prognosis</a>
    </li>
</ul>

这些步骤肯定有不同的名称，但 ng-class="{'active':isCurrentStep(2)}"/ng-click 正常重复出现 n 次？

Answer 1

您应该使用ng-repeat来循环您的对象，请参阅documentation

<div ng-repeat="i in [0,1,2]">
    <a ng-class="{'active':isCurrentStep($index)}" ng-click="setCurrentStep($index)">intro</a>
</li>