Angular 2 - 布局组件

Question

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

主要概念是在带有路线的页面之间导航，如果需要，可以将这些页面用布局包装。因此，当某个组件被调用时，它会自行调整布局，调用某种“父组件”

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