javascript - 我如何对每个索引使用不同类的 ng-repeat

Question

我正在构建一个时间轴，我想反转 ng-repeat 中的所有其他索引。我在两个单独的 div 上使用了 ng-repeat-start 和 ng-repeat-end，但它们所做的只是重复同一个数组两次。

<ul class="timeline">
    <li ng-repeat-start="t in vm.patientTimeLine">
        <div class="timeline-badge" style="background-color:#f9f9f9!important;"><i class="fa fa-phone hg-blue" aria-hidden="true"></i></div>
            <div class="card-block">
                 <h4 class="card-title"> {{t.FirstName}}'s reply was: <b ng-if="t.ReplyMessage !== null" class="stop">{{t.ReplyMessage}}</b></h4>
            </div>
     </li>

     <li class="timeline-inverted" ng-repeat-end>
        <div class="timeline-badge" style="background-color:#f9f9f9!important;"><i class="fa fa-phone hg-blue" aria-hidden="true"></i></div>
           <div class="card-block">
               <h4 class="card-title"> {{t.FirstName}}'s reply was: <b ng-if="t.ReplyMessage !== null" class="stop">{{t.ReplyMessage}}</b></h4>
           </div>
     </li>
</ul>

我希望它显示一次相同的列表，但具有不同的 css 类(时间轴和时间轴反转)。

我先谢谢你们。

Answer 1

如果你想说，让时间轴每隔一行倒转，你总是可以使用 ngRepeat 提供的变量。例如:

$even   boolean     true if the iterator position $index is even (otherwise false).

变量列表可以在这里找到: https://docs.angularjs.org/api/ng/directive/ngRepeat