javascript - angularJs如何将href添加到$first

Question

说实话，我对如何使用 $first 有点困惑，但我想做的是将重复的第一个元素设置为具有 href /school。

<a class="list-group-item btn-warning" ng-repeat="schData in sortedSchools" 
             id = bla{{$index}} 
             ng-href={{in $first: "/school"}}>
    <h4>School Name: {{schData.schoolname}} </h4>
</a>

有人可以解释一下我怎么可能做到这一点吗？如果有人知道一个很好的链接来解释如何使用$first？

提前谢谢

Answer 1

$first是一个 bool 值，如果重复元素位于迭代器中的第一个元素，则其值为 true。您可以使用ternary operator像这样:

<a class="list-group-item btn-warning" 
            ng-repeat="schData in sortedSchools" 
            id="bla{{$index}}" 
            ng-href="{{$first ? '/school' : ''}}">
    <h4>School Name: {{schData.schoolname}} </h4>
</a>

演示:https://jsfiddle.net/iRbouh/coc8816a/

通过对您的具体问题进行更多解释，我也许能够帮助您找到更好的替代方案。