Angular2 不同的模板

Angular2 different templates

我有点受困于新的 angular2 架构,我想根据组件实现不同的模板。例如,如果我正在浏览主页,我希望将导航和页脚作为主页的模板,以便在我的帐户页面中重复使用。

除此之外,我希望所有 /admin 页面都具有相同的行为。我发现解决这个问题的唯一方法是为每个模板创建一个组件,但这有点重不是吗?

有更好的方法吗?

制作一个单独的组件可以让你在需要的时候重用它
我认为制作一个单独的组件会是一个更好的选择,因为明天你可能想要add/play 有一些动态内容。

But its a bit heavy no ? but in which context???

您还可以处理 AsyncRoute 并即时调用路由或组件(延迟加载),

看这里 - http://blog.mgechev.com/2015/09/30/lazy-loading-components-routes-services-router-angular-2/

由于无法再访问 AsyncRoute,Angular 2 在路由系统中提出了延迟加载功能:

就这么简单:

{
  path: 'admin',
  loadChildren: 'app/admin/admin.module#AdminModule',
}

Link : https://angular.io/docs/ts/latest/guide/router.html#!#lazy-loading-route-config