Javascript 角度ng重复$index不';在mozilla firefox上不能使用ng if指令

Javascript 角度ng重复$index不';在mozilla firefox上不能使用ng if指令,javascript,angularjs,angularjs-ng-repeat,angular-ng-if,Javascript,Angularjs,Angularjs Ng Repeat,Angular Ng If,我正在使用ng repeat以数组形式显示项目。对于每个项目,我检查$index是否满足一个条件 在chrome甚至InternetExplorer中,这项功能完美无瑕。然而,在Mozilla中,似乎只有在ng重复结束后才更新$index。所以,这些条件在很多时候都不起作用。这种情况的一个例子是: <div class="active item" data-slide-number="{{$index}}" ng-repeat="img in attraction.Images" ng-i

我正在使用ng repeat以数组形式显示项目。对于每个项目,我检查$index是否满足一个条件

在chrome甚至InternetExplorer中,这项功能完美无瑕。然而,在Mozilla中,似乎只有在ng重复结束后才更新$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>


我几乎要发疯了。。。如果创建了一个子作用域,请帮助

ng


要访问
$index
,您需要使用
$parent.$index
访问
ng if
的父范围(因此
ng repeat

ng if
创建一个子范围


要访问
$index
您需要使用
$parent.$index
访问
ng if
的父范围(因此
ng repeat
的范围)

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

一般来说,尽可能避免在同一个元素上结合使用其他指令和ng repeat是一个好主意。
您应该使用ng repeat元素创建子元素,并将其他指令放在该子元素上。

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

一般来说,尽可能避免在同一个元素上结合使用其他指令和ng repeat是一个好主意。
您应该使用ng repeat元素创建一个子元素,并将其他指令放在该子元素上。

@lkechi我已经为它创建了,它在Mozilla中运行良好,您能告诉我您使用的是哪个版本的Mozilla和angular吗?@lkechi我已经为它创建了,它在Mozilla中运行良好,你能告诉我你使用的是哪个版本的Mozilla和angular吗?非常感谢。这是有效的:D。。。我会更新我的申请。非常感谢。这是有效的:D。。。我将这样更新我的应用程序。