Angular2动态加载模板

Question

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

谢谢

Answer 1

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

如果模板不是很大，你可以使用*ngIf指令基于某个组件的属性进行有条件的渲染。

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

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

Answer 2

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

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