Angular 2 - 一个根组件

时间:2016-10-20 11:43:51

标签: angular components conditional-statements

这似乎是基本问题,但我找不到简单的解决方案。

我有一个根组件(类似于分面搜索容器)和两个不同的子组件我想使用有条件(取决于根组件中的参数。)

Simple components diagram

这些子组件是常见根组件的不同类型的搜索结果。如何处理这种情况?某个组件的某种多模板或子组件的有条件渲染指令?

我感谢每一个答案。这是我的第一个Angular2项目,如果对某人来说这太微不足道了,那就很抱歉:)。

问候

1 个答案:

答案 0 :(得分:1)

如果您知道在构建时应添加哪些组件类型,请将它们添加到组件模板,然后使用*ngIf*ngSwitchCase根据条件显示它们。

如果您希望能够从外部传递不同的组件以在内部显示,您可以使用

<ng-content>

或动态添加组件,如Angular 2 dynamic tabs with user-click chosen components

中所示