首页 文章

Angular 2 - 布局组件

提问于
浏览
2

我在大项目工作,面临一个问题 . 它有几页没有模板(我的意思是一些包含主要内容的代码,如导航栏和页脚)和许多其他页面的布局 . 未注册的用户无法访问layouted页面 . 首先,他应该在没有布局的页面上登录,然后他将能够看到布局的主要内容 .

主要概念是在具有路径的页面之间导航,并在需要时将页面包装为布局 . 因此,当一些组件被调用时,它会自行调整布局,调用某种“父组件”

RootComponent非常简单:

Component({  
    selector: 'my-app',
    template: `<router-outlet></router-outlet>`,
    directives: [ROUTER_DIRECTIVES],

})

export class RootComponent { 

    constructor(){     
    }

}

所有魔法应该来自路由组件 . 我还附上了img导航和页面依赖项 .

有人可以写一个简单的应用示例吗?

enter image description here

1 回答

相关问题