angularjs如何递增NG重复初始化变量的值没有的onclick? [英] angularjs how to increment init variable value in ng-repeat without onclick?
本文介绍了angularjs如何递增NG重复初始化变量的值没有的onclick?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
如何在NG-重复增量初始化变量值
How to increment init variable value in ng-repeat
<div ng-if="feedData.carouselMode == true" ng-init='start=0' ng-repeat="a in carousel_data">
<div class="owl-demo" class="owl-carousel" owl-carousel >
<div class="item" ng-repeat="(key, item) in a.carouselFeeds" ng-init="start=start+1">
{{start}}
<div ng-click="go('{{key}}', item.feedUrls.length, 'rtl')" ng-swipe-left="go('{{key}}', item.feedUrls.length, 'rtl')">
<img class="lazyOwl" ng-src="{{item.img}}" />
<span class="innersquare" image-ja="{{item.img}}">
<p ng-style="folderStyle">{{item.name }} </p> </span>
</div>
</div>
</div>
</div>
NG-INIT增量开始后启动= 0 = +开始在NG-1的重复,但没有计数只显示1。
ng-init start=0 after increment start=start+1 in ng-repeat but no count only show 1.
推荐答案
这是因为每个 NG-重复
都有自己的范围,每个纳克-init
只会增加自己范围的变量。你可以尝试用 $父
。
This is because each ng-repeat
has its own scope and each ng-init
will just increase its own scoped variable. You can try access the parent scope with $parent
.
如果你正在寻找一个连续记数试试这个
In case you are looking for a continuous numeration try this
<div ng-controller="MyCtrl">
<div ng-repeat="a in ['a','b','c']" ng-init="current = $parent.start; $parent.start=$parent.start+3;">
<div ng-repeat="x in ['alpha','beta','gamma']">
{{current + $index}}
</div>
</div>
凡 +3
应 + [长度INNER阵列]
。
http://jsfiddle.net/rvgvs2jt/2/
有关特定code那么它看起来像这样
For your specific code it would look like this
<div ng-if="feedData.carouselMode == true" ng-init='current=$parent.start; $parent.start=$parent.start+a.carouselFeeds.length' ng-repeat="a in carousel_data">
<div class="owl-demo" class="owl-carousel" owl-carousel>
<div class="item" ng-repeat="(key, item) in a.carouselFeeds">
{{current + $index}}
<div ng-click="go('{{key}}', item.feedUrls.length, 'rtl')" ng-swipe-left="go('{{key}}', item.feedUrls.length, 'rtl')">
<img class="lazyOwl" ng-src="{{item.img}}" />
<span class="innersquare" image-ja="{{item.img}}">
<p ng-style="folderStyle">{{item.name }} </p> </span>
</div>
</div>
</div>
</div>
这篇关于angularjs如何递增NG重复初始化变量的值没有的onclick?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文