angularjs如何在没有onclick的情况下增加ng-repeat中的init变量值?
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了angularjs如何在没有onclick的情况下增加ng-repeat中的init变量值?相关的知识,希望对你有一定的参考价值。
如何在ng-repeat中增加init变量值
<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 start = 0 = ng-repeat中的start + 1但没有计数仅显示1。
答案
这是因为每个ng-repeat
都有自己的范围,每个ng-init
只会增加自己的范围变量。您可以尝试使用$parent
访问父作用域。
如果您正在寻找连续计算,请尝试这样做
<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
应该是+[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">
{{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>
另一答案
我想你通过简单的{{$ parent。$ index}}来实现这一点。
更新
根据评论
<div ng-controller="MyCtrl">
<div ng-repeat="a in one">
<div ng-repeat="x in two">
{{($parent.$index*two.length)+($index+1)}}
</div>
</div>
控制器: -
$scope.one= ['alpha','beta','gamma'] ;
$scope.two=['alpha','beta','gamma'];
另一答案
<div ng-app ng-controller="TestController">
<div ng-repeat="item in list">
<label>Input {{$index+1}}:</label>
<input ng-model="item.value" type="text"/>
</div>
{{list}}
</div>
和
function TestController($scope) {
$scope.list = [ { value: 'value 1' }, { value: 'value 2' }, { value: 'value 3' } ];
}
另一答案
AngularJS is giving $index variable. We can use it.
<ul>
<li ng-repeat="item in items">{{ $index + 1 }}</li>
</ul>
以上是关于angularjs如何在没有onclick的情况下增加ng-repeat中的init变量值?的主要内容,如果未能解决你的问题,请参考以下文章
如何在没有 Jquery-ui 且没有 Bootstrap 的情况下在 angularjs 中创建自定义进度条?
angularjs 如何在页面没有登录的情况下阻止用户通过更改url进入页面--$stateChangeStart
如何在没有选择的情况下使用 angularjs 将每个分页单独导出到 ag 网格数据的 Excel