Angular2动态加载模板

Angular2动态加载模板,angular,angularjs-components,angularjs-templates,Angular,Angularjs Components,Angularjs Templates,我开始做一些关于使用Angular2的研究,其中一个问题是我找不到解决方案的。我有一个要求,根据我从模型收到的数据,我希望为给定的组件加载不同的模板。这主要与根据我收到的数据维护不同的布局有关。这可能吗 感谢Angular 2支持使用组件组合方法构建UI。正因为如此,您不应该最终得到巨大的模板,如果是这样的话,最好将它们拆分为一些辅助子组件(即使它们只提供布局) 在模板不是很大的情况下,可以使用*ngIf指令基于某些组件的属性有条件地进行渲染 另一种方法是在该组件级别上实现路由,然后在使用rou

我开始做一些关于使用Angular2的研究,其中一个问题是我找不到解决方案的。我有一个要求,根据我从模型收到的数据,我希望为给定的组件加载不同的模板。这主要与根据我收到的数据维护不同的布局有关。这可能吗


感谢Angular 2支持使用组件组合方法构建UI。正因为如此,您不应该最终得到巨大的模板,如果是这样的话,最好将它们拆分为一些辅助子组件(即使它们只提供布局)

在模板不是很大的情况下,可以使用
*ngIf
指令基于某些组件的属性有条件地进行渲染


另一种方法是在该组件级别上实现路由,然后在使用
router.navigate(['./MySubcomponent'])
接收到数据后通过编程路由到这些路由。根据数据,您可以选择要使用的子组件。在每个子组件中,可以为特定数据定义模板

如果数据很小,可以在主组件的模板中使用*ngSwith或*ngIf在html之间切换