角ng-repeat $ index在mozilla firefox上的ng-if指令中不起作用

Question

我正在使用ng-repeat在数组中显示项目。 对于每个项目，我都会检查$ index是否满足条件。

在chrome甚至Internet Explorer中，此功能都可以完美运行。 但是，在Mozilla中，似乎只有在ng-repeat结束后才更新$ index。 因此，这些条件在很多时候都不起作用。 这种情况的一个示例是：

<div class="active item" data-slide-number="{{$index}}" ng-repeat="img in attraction.Images" ng-if="img.first == true">
<img ng-src="{{IMG(img.FileName + img.FieExtention)}}" class="img img-responsive">
</div>

为了回应洛伦佐的回答，我也尝试过

<div class="active item" data-slide-number="{{$index}}" ng-repeat="img in attraction.Images" ng-if="$parent.$index == 0">
    <img ng-src="{{IMG(img.FileName + img.FieExtention)}}" class="img img-responsive">
</div>
<div class="item" data-slide-number="{{$index}}" ng-repeat="img in attraction.Images" ng-if="$parent.$index > 0">
    <img ng-src="{{IMG(img.FileName + img.FieExtention)}}" class="img img-responsive">
</div>

我在这里快要生气了...请帮助

Answer 1

ng-if创建一个子范围 。

要访问$index您需要使用$parent.$index来访问ng-if的父范围（因此ng-repeat的范围）

Answer 2

在同一个元素上使用ng-repeat和ng-if不是一个好主意。 两者都创建自己的范围，因此不建议这样做。

一般来说，最好避免在同一元素上将其他指令与ng-repeat结合使用。 您应该与ng-repeat元素一起创建一个子元素，并将其他指令放在该子元素上。