angular 1实现的导航菜单切换

最新推荐文章于 2021-01-17 17:34:18 发布

maoer9999

最新推荐文章于 2021-01-17 17:34:18 发布

阅读量1.6k

点赞数 4

分类专栏： angular

本文链接：https://blog.csdn.net/weixin_40829594/article/details/86489471

版权

本文详细介绍了如何使用Angular 1框架实现导航菜单的切换效果。通过JavaScript代码控制菜单状态，结合HTML和CSS实现动态交互。最终展示了一个功能完备的导航菜单示例。

摘要由CSDN通过智能技术生成

js部分：

$scope.navArr=[{
        task:{
            title: "我的任务",
            showAdd: true,
            data:[
                {
                    title:'我的设计院',
                    id:1,
                    hasChild:false,
                    active:true,
                },
                {
                    title:'我加入的设计院',
                    id:2,
                    hasChild:true,
                    active:false,
                    data:[
                        {title:"设计院1",active:true},
                        {title:"设计院2",active:false}
                    ]
                },
                {
                    title:'验证消息',
                    id:3,
                    hasChild:false,
                    active:false,
                },
                {
                    title:'我参与的设计院',
                    id:3,
                    hasChild:true,