Angular2动态加载模板

Question

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

谢谢

Answer 1

Angular 2 赞成 UI 构建的组件组合方法。正因为如此，你不应该最终得到巨大的模板，如果是这样，最好将它们分成一些辅助子组件（即使它们只提供布局）。

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

解决此问题的另一种方法是在该组件级别上实现路由，然后在使用 router.navigate(['./MySubcomponent'])

收到数据后以编程方式路由到这些路由

Answer 2

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

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