angular - Angular2动态加载模板

Question

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

谢谢

Answer 1

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

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

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

Answer 2

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

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