是否有可能不重复内联条件? Angular.js

时间:2014-06-05 06:08:01

标签: javascript angularjs

考虑这样一个多步形式的标题:

<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再次出现正常吗?

1 个答案:

答案 0 :(得分:2)

您应该使用ng-repeat循环播放对象,请参阅documentation

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