【风琴菜单的打开状态如何保存 _angular基础 _angular model 】

风琴菜单的打开状态如何保存

我也踩过这个坑( 1 )

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

回答(1)

angular基础 angular model

详细描述

截图

代码

<div ng-controller="AccordionDemoCtrl">
            <uib-accordion close-others="oneAtATime">
                <div uib-accordion-group class="panel-default" is-open="status.open">
                    <uib-accordion-heading><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                        信息管理
                        <i class="pull-right glyphicon" ng-class="{'glyphicon-chevron-down': status.open, 'glyphicon-chevron-right': !status.open}"></i>
                    </uib-accordion-heading>
                    <a>公司列表</a>
                </div>
            </uib-accordion>
        </div>

编辑于2024-11-18

时间排序

热门排序

[武汉|结业弟子]JS-孟晨
0

首先风琴菜单用ng-repeat制作的
然后给每个一级菜单设置开启状态
我这边是，open:false为关闭true为开启
{
title: '信息管理',
content: [
{ a: "公司列表", url: 'organ.without' },
{ a: "职位列表", url: 'organ.without' },

],
open: false,
},
然后设置点击事件$index，获取点击的索引
ng-click="clickopen($index)"
获取后进行保存
//风琴菜单状态保存
$scope.clickopen = function (index) {
sessionStorage.setItem("session", index)
}
最后取出存储的索引，并使对应状态为打开
if (window.sessionStorage.getItem("session")) {
session = parseInt(window.sessionStorage.getItem("session"))
$scope.groups[session].open = true
}

查看全部>

编辑于2018-09-14

去第页