【如何让侧边栏展开和高亮 _angular 指令】

如何让侧边栏展开和高亮

我也踩过这个坑( 1 )

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

回答(0)

angular 指令

详细描述

截图

代码

//侧边栏列表
    $scope.homeTitle = [
        {
            lv: 0, name: '信息管理', select: false,
            title: [
                {name:'公司列表', url: '', highlight: false},
                {name:'职位列表', url: '', highlight: false}
            ]
        },
        {
            lv: 1, name: 'Article管理', select: false,
            title: [
                {name:'Article列表', url: 'home.articleList', highlight: false },
                {name:'文章管理', url: '', highlight: false}
            ]
        },
        {
            lv: 2, name: '用户管理', select: false,
            title: [
                {name:'用户列表', url: '', highlight: false}
            ]
        },
        {
            lv: 3, name: '内容管理', select: false,
            title: [
                {name:'视频管理', url: '', highlight: false}
            ]
        }
    ];

<div class="sidebar" ng-controller="homeCtrl">
            <ul class="home-border">
                <li class="panel-title"
                   ng-repeat="x in homeTitle | orderBy: 'lv' ">
                    <div class="title high" ng-click="list()" ng-model="titleId">
                        <span class="icon-l glyphicon glyphicon-pencil"></span>
                        {{x.name}}
                        <span class="icon-r glyphicon glyphicon-menu-left"></span>
                    </div>
                    <ul class="ul-sonTitle" >
                        <li id="msg" class="li-sonTitle high"
                            ng-click="sonList()"
                            ng-show="x.select"
                            ui-sref="{{y.url}}"
                            ng-class="{'highlight' : y.highlight }"
                            ng-repeat="y in x.title | orderBy : ['name']">
                        {{y.name}}
                        </li>
                    </ul>
                </li>
            </ul>
        </div>

编辑于2024-11-08