javascript - ng-repeat、$index 和偏移问题？

Question

<ul class="stream-informer-short-list">
  <li class="stream-informer-short-list-item" ng-repeat="streamer in streamerItems">
     <a href="stream.html"><img src="{{streamer.imageUrl}}"></a>
  </li>
</ul>

我如何使用 $index 来抵消前 X 个项目？{{streamer.imageUrl[$index+4}} - 工作不正确。或者我必须为此操作编写过滤器？

Answer 1

ng-switch 可以与 $index 一起使用，以允许 ng-repeat 项目具有不同的 HTML：

<ul class="stream-informer-short-list">
  <li class="stream-informer-short-list-item" ng-repeat="streamer in streamerItems">
     <span ng-switch on="$index <= 4">
       <a ng-switch-when="true" href="stream.html">
          <img src="{{streamer.imageUrl[$index+4]}}"></a>
       <a ng-switch-default href="stream.html">
          <img src="{{streamer.imageUrl[$index]}}"></a>
     </span>
  </li>
</ul>