Javascript 角度ng重复$index不';在mozilla firefox上不能使用ng if指令
我正在使用ng repeat以数组形式显示项目。对于每个项目,我检查$index是否满足一个条件 在chrome甚至InternetExplorer中,这项功能完美无瑕。然而,在Mozilla中,似乎只有在ng重复结束后才更新$index。所以,这些条件在很多时候都不起作用。这种情况的一个例子是: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
<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。。。我将这样更新我的应用程序。