anglar JS使用两层ng-repeat嵌套使用,分辨$index
2024-10-01 13:20:47
使用ng-init给首层的每个元素赋值一个独立的值。
ng-init="outerIndex = $index;"
HTML: <div class="category-nav">
<div class="category-nav-header">资源分类</div>
<div class="category-nav-cell" ng-repeat="firstItem in firstCategorys track by $index" ng-init="outerIndex = $index;">
<div class="category-nav-cell-header">
<h4 class="category-nav-firstTitle" ng-click="clickFirstCategory($index)">{{firstItem}}</h4>
<img src="" alt="" class="category-nav-expand" ng-click="showOrHiden($index)">
</div>
<div class="category-nav-secondContain" ng-if="categoryStatus[$index]">
<div class="category-nav-second" ng-repeat="secondItem in secondCategory[$index]" ng-click="clickNavSecondCategory(outerIndex,$index)">{{secondItem}}</div>
</div>
</div>
</div> JS:
$scope.clickNavSecondCategory = function (outerIndex,innerIndex) {
console.log('点击了导航栏的分类页码'+outerIndex+innerIndex);
$scope.showMainContentSecondCategory = false;
$scope.routes.splice(1,2,$scope.firstCategorys[outerIndex],$scope.secondCategory[outerIndex][innerIndex]); };
最新文章
- iOS开发常用校验
- AndroidManifest.xml中<;activity>;<;/activity>;相关属性说明
- springMVC+mybatis 进行单元测试时 main SqlSessionFactoryBean - Parsed configuration file: &#39;class path resource&#39; 无限的读取xml文件
- Android笔记: 查看SDK源码
- cookie 使用笔记
- SVM实用操作: svmtrain and svmclassify
- hdu 3157 Crazy Circuits 网络流
- java 百分比显示
- Delphi判断文件是否正在被使用(CreateFile也可以只是为了读取数据,而不是创建)
- LeetCode——Valid Sudoku
- 王立平-NGUI
- Android -----ArrayAdapter的重写 .
- We Talk -- 团队博客
- sshd_config配置详解
- xilinx 高速收发器Serdes深入研究-Comma码(转)
- Java网络技术-待续
- NTP国内时钟服务器
- The superclass ";javax.servlet.http.HttpServlet"; was not found on the Java Build Path 解决方法
- Android Monkey 脚本编写与检查内存泄露
- 理解JAVA MQ消息中间件