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
我有点受困于新的 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