【怎么用ng-repeat实现手风琴侧边栏 _angular基础】

怎么用ng-repeat实现手风琴侧边栏

我也踩过这个坑( 1 )

已统计您的踩坑,无需重复点击

回答(0)

angular基础

详细描述

截图

代码

<div class="collapse navbar-collapse" id="example-navbar-collapse">
            <div  ng-controller="pageCtrl">
                <div ng-repeat="x in aaa">
                    <div class="change-box" ng-init="pIndex=$index" ng-click="go(pIndex)">{{x.name}}</div>
                    <div  class="show-box" ng-class="{hihebox:cIndex==$index}">
                        <div ng-repeat="child in x.children" class="sonbox1" ng-class="{sonbox2:sonIndex==child}" ng-click="songo(child)">{{child}}</div>
                    </div>
                </div>
            </div>

ngApp=angular.module('app');
    ngApp.controller('pageCtrl',function ($scope,$state) {
        $scope.aaa=[{
            name:'信息管理',
            children:['公司信息','职位信息']
        },{
            name:'Article管理',
            children:['Artice列表','文章管理','内容管理']
        },{
            name:'用户管理',
            children:['用户管理']
        }
    ];

编辑于2024-11-21