angularjs ng-repeat 嵌套 获取上层$index

最新推荐文章于 2022-01-21 22:49:56 发布
原创 最新推荐文章于 2022-01-21 22:49:56 发布 · 5.4k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍在AngularJS中使用ng-repeat指令时，如何通过$parent.$index获取当前循环项在上一层循环中的索引位置。这对于处理嵌套列表和表格结构非常有用。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在嵌套使用angularjs ng-repeat时，有时需要获取上一层的$index.

可以通过$parent.$index获取上层ng-repeat的$index.


 <input type="checkbox" ng-checked="y.leader==='1'" ng-click="setIfLeader(y.leader, $index, $parent.$index);" />


如何需要获取上一层的上一层的index，自己理解可以是  $parent.$parent.$index。

在嵌套的ng-repeat中传递2个$ index值
CHCH998的博客
06-24 586
So I have an ng-repeat nested within another ng-repeat in order to build a nav menu. 因此，我在另一个ng-rep
AngularJS ng-repeat嵌套循环中，如何取得外层循环的索引值
seveneagleline的专栏
10-15 2万+
下面，笔者给大家提供一种讨巧的方法来实现
AngularJs ng-repeat 嵌套如何获取外层$index
10-21
主要介绍了AngularJs ng-repeat 嵌套如何获取外层$index的相关资料,需要的朋友可以参考下
angular $index获取ng-repeat的上一条数据
weixin_34198453的博客
06-09 168
<div ng-repeat="item in dataList" ng-click="func($index,$index-1)"></div> $scope.func = function(thisIndex,preIndex){ var thisIndexDataName = $scope.dataList[thisIndex].dataName;...
ng-repeat嵌套的$index
weixin_30684743的博客
10-19 311
　　angular应用中，ng-repeat很方便的实现了数组的展示： <div ng-controller='myCtrl'> <ul> <li ng-repeat="obj in list"> {{obj.name}} <ul> <li ng-r...
Hacking with Angular：如何在深层嵌套ngRepeat中获取不同层级的$index
white__cat的专栏
12-21 2739
使用 ngRepeat 指令的时候，我们一般会通过 $index 获取当前层级的每一项循环的索引，但是当我们循环出来的数据中还有数组（数组A）需要我们循环的话，我们还是会使用 ngRepeat 来循环我们这个数组。但是这个时候，假如我们还需要数组A中的每一项的索引来做一些操作的话，这个时候我们就不能使用刚才的哪个 $index ，这个时候我们应该怎么办呢？这个时候就需要使用另外一个指令 ngIni
angularjs过滤器--filter与ng-repeat配合有奇效
10-20
在介绍AngularJS过滤器-filter与ng-repeat的配合使用时，我们首先需要了解这两个指令在AngularJS框架中所扮演的角色。AngularJS是一个开源的前端框架，由Google支持，广泛用于开发动态Web应用程序。它通过引入双向...
AngularJS实践之使用ng-repeat中$index的注意点
01-21
后来发现这个Bug是由于在 ng-repeat 中使用了 $index 引发的。 一个简单动作(action)的列表 先来看看一个完整有效的ng-repeat示例。 <ul ng-controller=ListCtrl> <li ng-repeat=item> {{item.name}} <button...
AngularJS ng-repeat指令中使用track by子语句解决重复数据遍历错误问题
11-27
在AngularJS中，`ng-repeat`是一个非常重要的指令，用于迭代数组或对象集合，并将它们渲染为DOM元素。然而，当遍历的数据源包含重复元素时，`ng-repeat`会抛出一个错误：“Error: [ngRepeat:dupes] Duplicates in a ...
嵌套的ng-repeat双层循环，内层如何获取外层的$index?
weixin_30265171的博客
08-29 626
html代码： <div> <ul ng-repeat="row in table track by $index"> <li ng-repeat="col in row track by col.id"> <span ng-click="add(col, $index)">{{col.value}...
AngularJS中使用ng-repeat的index
whereismatrix的专栏
07-30 3万+
AngularJS中的ng-repeat中，隐含的index，可以使用$index来访问，也可以自己指定index对应的变量名。
获取上一级ng-repeat的index
YinWeiTon的专栏
11-24 1419
原理其实也不难，在父级ng-repeat时利用ng-init写入一个变量即可，子循环是可以访问到的。             Name:{{ user.name }}         父级INDEX:{{ p_index }} - {{ p }}         自己的INDEX:{{ $index }}               var site = angular.module('a
如何在angularJS深层嵌套ngRepeat中获取不同层级的$index
_古井心
01-21 8053
参考文章： Hacking with Angular: 如何在深层嵌套ngRepeat中获取不同层级的$index class="btn-group" ng-repeat="type in types" ng-init="outerIndex = $index"> type="button" class="btn btn-default">{{type.name}}
ng-repeat的使用
youhebuke225的博客
01-21 853
作用 一般用于遍历数据生成模板，我们来看一个例子 实例 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <script src="https://cdn.bootcdn.net/ajax/libs/angular.js/1.6.8/angular.min.js"></script> </head> <body>
AngularJS最佳实践: 请小心使用 ng-repeat 中的 $index
weixin_34185560的博客
01-23 1130
“有客户投诉，说在删除指定的某条记录时,结果删掉的却是另外一条记录!” 看起来是个很严重的BUG。 有一次我们在工作中碰到了这个问题。 要定位这个BUG非常麻烦, 因为客户也不清楚如何重现这个问题。 后来发现这个Bug是由于在ng-repeat中使用了$index引发的。下面一起来看看这个错误是如何引发的, 以及如何避免这种bug产生,然后说说我...
Angularjs 双重循环获取父级下标$index
Inuyasha1121的专栏
06-13 5364
Html代码   table class="table table-bordered">           tr ng-repeat="info in ttzInfo" ng-cloak>             td class="col-xs-2 adjust-col-2 text-right title-desc" ng-bind="info.title">td>  
如何在深层嵌套ngRepeat中获取不同层级的$index
Sensation_cyq的博客
08-31 3256
var appData = [ { name: 'C++从入门到放弃', author: 'dreamapple', books: [ {name: 'github'}, {name: 'googl
AngularJS的ng-repeat循环中如何获得被循环列表的索引值
風林火山的博客
11-21 1万+
使用angularJS框架的话都需要引入angular.min.js文件，这个想必各位大佬都懂得，我就不多说了。 这里主要说说AngularJS的ng-repeat循环中如何获得被循环列表的索引值。 假如有一个表格： 代码如下： &lt;table class="table table-bordered table-striped table-hover dataTable"&gt;...
AngularJS中获取ng-repeat动态生成的ng-model值
热门推荐
doctorq
05-19 4万+
angularJS动态设置model，并设置/获取model的值 代码html <div> <div class="modal-header"> <h3 class="modal-title">用例集全局参数配置</h3> </div> <div class="modal-body"> <table class="table table-hov
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值