Angular2不同的模板

时间:2016-04-08 06:11:05

标签: angular angular2-routing angular2-template

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

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

有更好的方法吗?

Figure 1 - Routing in angular2

2 个答案:

答案 0 :(得分:2)

制作单个组件可让您在需要时重复使用
我认为制作单个组件会是更好的选择,因为明天您可能想添加/播放一些动态内容。

  

但它有点沉重吗? 但在哪种情况下

您还可以处理 AsyncRoute 并动态调用路径或组件(延迟加载),

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

答案 1 :(得分:0)

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

这很简单:

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

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