【关于任务10封装手风琴下拉菜单时，some引用报错且无法引入正确的全局变量。 _angular model 】

关于任务10封装手风琴下拉菜单时，some引用报错且无法引入正确的全局变量。

我也踩过这个坑( 1 )

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

回答(0)

angular model

详细描述

截图

代码

var myApp = angular.module('myApp');
myApp.directive('sidebar', function() {
	return {
		restrict: 'AEC',
		replace: true,
		transclude: true,
		templateUrl: "sidebar.html",
		link: function(scope, state, sidebar) {
			scope.state = state;
			scope.sidebar = sidebar;

			console.log(scope.sidebar);
			scope.openList = function(ele) { //点击父系侧边栏时的点击事件
				console.log(ele); //查看当前点击的选项
				scope.sidebar1.forEach(function(item) { //遍历侧边栏
					if(ele.firstList === item.firstList) { //如何当前点击的父系选项是现在
						ele.isShow = !ele.isShow;
					} else {
						item.isShow = false;
					}
				})
			};
		// 	angular.forEach(scope.sidebar, function(item) {
		// 		item.secondList.some(function(items) {
		// 			console.log(items.url);
		// 			if(state.includes(items.urls)) {
		// 				item.isShow = true;
		// 				return true;
		// 				console.log("true");
		// 			} else {
		// 				item.isShow = false;
		// 				return false;
		// 				console.log("false");
		// 			}
		// 		})
		// 	})
		}
	}
});

var app = angular.module("myApp");
    app.controller('dashboard',function ($scope,$state,sidebar) {
    	$scope.signOut = function () {
			localStorage.setItem("loginState","");
			loginState = window.localStorage.getItem("loginState");
        };
        if (loginState == ""){
            $state.go('login');
        }
         $scope.state = $state; //因为原本没有state，所以在控制器中定义state
         $scope.sidebar = sidebar; //从全局变量constant注入到controller中
        //侧边栏的手风琴效果
        $scope.openList = function(ele){ //点击父系侧边栏时的点击事件
        	console.log(ele); //查看当前点击的选项
        	$scope.sidebar.forEach(function (item){ //遍历侧边栏
        		if (ele.firstList === item.firstList){ //如何当前点击的父系选项是现在
        			ele.isShow = !ele.isShow;
        		} else {
        			item.isShow = false;
        		}
        	})
        };
        //侧边栏刷新后保留当前页子系选项高亮
        console.log($scope.sidebar);
        angular.forEach($scope.sidebar,function(item){
        	item.secondList.some(function(items){
        		console.log(items.url);
        		if($state.includes(items.urls)){
        			item.isShow = true;
        			return true;
        			console.log("true");
        		} else {
        			item.isShow = false;
        			return false;
        			console.log("false");
        		}
        	})
        })
    });

myApp.constant("sidebar",[
    {
        firstList:"信息管理",
        secondList:[
            {title: "公司列表", url: ".company" , urls: "*.company"},
            {title: "职位列表", url: ".job" , urls: "*.job"}
        ],
        isShow : false
    },
    {
        firstList:"Article管理",
        secondList:[
            {title: "Article列表", url: ".articleList({page:1,size:10})" , urls: "*.articleList"},
            {title: "文章管理", url: ".text" , urls: "*.text"}
        ],
        isShow : false
    }
])

编辑于2024-05-13