angularjs如何在没有onclick的情况下在ng-repeat中增加init变量值? [英] angularjs how to increment init variable value in ng-repeat without onclick?

查看：19
本文介绍了angularjs如何在没有onclick的情况下在ng-repeat中增加init变量值?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

如何在 ng-repeat 中增加 init 变量值

 
<div class="owl-demo" class="owl-carousel" owl-carousel ><div class="item" ng-repeat="(key, item) in a.carouselFeeds" ng-init="start=start+1">{{开始}}<div ng-click="go('{{key}}', item.feedUrls.length, 'rtl')" ng-swipe-left="go('{{key}}', item.feedUrls.长度，'rtl')"><img class="lazyOwl" ng-src="{{item.img}}"/><span class="innersquare" image-ja="{{item.img}}"><p ng-style="folderStyle">{{item.name }}&nbsp;</p></span>

ng-repeat 中增加 start=start+1 后 ng-init start=0 但没有计数只显示 1.

解决方案

这是因为每个 ng-repeat 都有自己的作用域，每个 ng-init 只会增加它自己的作用域变量.您可以尝试使用 $parent 访问父作用域.

如果你正在寻找一个连续的数字，试试这个

<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']">{{当前 + $index}}

+3 应该是 +[LENGTH OF INNER ARRAY].

http://jsfiddle.net/rvgvs2jt/2/

对于您的特定代码，它看起来像这样

<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">{{当前 + $index}}<div ng-click="go('{{key}}', item.feedUrls.length, 'rtl')" ng-swipe-left="go('{{key}}', item.feedUrls.长度，'rtl')"><img class="lazyOwl" ng-src="{{item.img}}"/><span class="innersquare" image-ja="{{item.img}}"><p ng-style="folderStyle">{{item.name }}&nbsp;</p></span>

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  }}&nbsp;</p> </span>
                 </div> 
            </div>
        </div>
    </div>

ng-init start=0 after increment start=start+1 in ng-repeat but no count only show 1.

解决方案

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>

Where the +3 should be +[LENGTH OF INNER ARRAY].

http://jsfiddle.net/rvgvs2jt/2/

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  }}&nbsp;</p> </span>
            </div>
        </div>
    </div>
</div>

这篇关于angularjs如何在没有onclick的情况下在ng-repeat中增加init变量值?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

查看全文
相关文章
其他开发最新文章
热门教程
热门工具
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆