【angular风琴菜单状态保存 _js基础】

angular风琴菜单状态保存

我也踩过这个坑( 1 )

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

回答(0)

js基础

详细描述

截图

代码

<div ng-controller="accordion" class="accordion">
    
    
    
    
    <div class="fex">
        <div class="title"><b>后台首页</b> </div>
        <div style="display: block"  class="ck" ng-repeat="x in sidebar" >
            <button style="display: block" type="button" class="btn btn-default ck" ng-click="Turn($index)">{{x.firstLevel}}</button>
            <div uib-collapse="collapse[$index]"  >
                <div class="well well-lg" ng-repeat="set in x.secondLevel"  ui-sref="{{set.url}}">{{set.title}}</div>
            </div>
            
            
        </div>
    </div>
    

$scope.isCollapsed = true;
    $scope.isCollapsedHorizontal = false;
    $scope.isColl =true;


    let open = JSON.parse(sessionStorage.getItem('open'));
        if (open === null) { 
            $scope.collapse = function () {
                let arr = [];
                for (let i = 0; i < $scope.sidebar.length; i++) {
                    arr[i] = 1;
                }
                return arr;
            }();
        } else {
            $scope.collapse = JSON.parse(sessionStorage.getItem('open'));
        }
    


    $scope.Turn = function (index) {


        console.log("你好")
        

        $scope.collapse[index] ? $scope.collapse[index] = 0 : $scope.collapse[index] = 1; 
        sessionStorage.setItem('open', JSON.stringify($scope.collapse));

编辑于2024-11-08