Angular2动态加载模板答案

【问题标题】：Angular2 dynamically loading a templateAngular2动态加载模板
【发布时间】：2016-03-29 08:28:54
【问题描述】：

我开始对使用 Angular2 进行一些研究，并遇到了一个我找不到解决方案的问题。我有一个要求，根据我从模型收到的数据，我希望为给定组件加载不同的模板。这主要与根据我收到的数据维护不同的布局有关。这可能吗？

谢谢

【问题讨论】：

【解决方案1】：

Angular 2 支持 UI 构建的组件组合方法。因此，您不应该真的以巨大的模板结束，如果是这样，最好将它们分成一些辅助子组件（即使它们只提供布局）。

如果模板不是很大，您可以使用 *ngIf 指令根据某些组件的属性有条件地渲染。

解决此问题的另一种方法是在该组件级别实现路由，然后在您收到 router.navigate(['./MySubcomponent']) 的数据后以编程方式路由到这些路由

【讨论】：

【解决方案2】：

假设有一个获取数据的主要组件。根据数据，您可以选择使用哪个子组件。在每个子组件中，您可以为特定数据定义模板。

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

【讨论】：