zoukankan      html  css  js  c++  java
  • anglar JS使用两层ng-repeat嵌套使用,分辨$index

    使用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]);

    };





  • 相关阅读:
    责任
    人生
    有感
    冲突无处不在
    中科院玉泉路攻略——吃篇(校外)
    兄弟
    (18)[转载]:跳台阶问题
    Excel表格加下列选择框
    (转载)(c#)数据结构与算法分析 数组、向量和表
    [转载] 趣味算法:字符串反转的N种方法
  • 原文地址:https://www.cnblogs.com/handsomeBoys/p/6482690.html
Copyright © 2011-2022 走看看