Angular 2 - 布局组件

Question

我正在从事一个大项目并面临一个问题。它有几个没有模板的页面（我的意思是一些包装主要内容的代码，例如导航栏和页脚）和许多其他有布局的页面。未注册用户无法访问布局页面。首先他应该在没有布局的页面上登录，然后他将能够看到有布局的主要内容。

主要概念是在带有路由的页面之间导航，并在需要时使用布局包装此页面。所以当某个组件被调用时，它会用调用某种“父组件”的布局来包装自己

RootComponent 非常简单：

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

})

export class RootComponent { 

    constructor(){     
    }

}

所有的魔法都应该来自路由组件。我还附加了带有导航和页面依赖项的 img。

有人可以写一个简单的应用例子吗？

Answer 1

这正是新的ngModule 的设计目的。使用它，您可以创建一个包含主应用程序的 AppModule 和一个包含登录组件的 LoginModule。见https://angular.io/docs/ts/latest/api/core/index/NgModule-decorator.html