我在大项目工作,面临一个问题 . 它有几页没有模板(我的意思是一些包含主要内容的代码,如导航栏和页脚)和许多其他页面的布局 . 未注册的用户无法访问layouted页面 . 首先,他应该在没有布局的页面上登录,然后他将能够看到布局的主要内容 .
主要概念是在具有路径的页面之间导航,并在需要时将页面包装为布局 . 因此,当一些组件被调用时,它会自行调整布局,调用某种“父组件”
RootComponent非常简单:
Component({
selector: 'my-app',
template: `<router-outlet></router-outlet>`,
directives: [ROUTER_DIRECTIVES],
})
export class RootComponent {
constructor(){
}
}
所有魔法应该来自路由组件 . 我还附上了img导航和页面依赖项 .
有人可以写一个简单的应用示例吗?
1 回答
这正是新
ngModule
的设计目标 . 使用它,您可以创建一个包含主应用程序的AppModule和一个包含登录组件的LoginModule . 见https://angular.io/docs/ts/latest/api/core/index/NgModule-decorator.html