通过选择器或引用显示组件

【问题标题】：Display component by its selector or reference通过选择器或引用显示组件
【发布时间】：2018-07-27 14:12:03
【问题描述】：

容器组件.ts

export class ContainerComponent{
    innerComponentRef; //We have this
    innerComponentSelector;//We have this
    }

但是在 container-component.html 中，我不知道如何在 html 中附加 innerComponent 标记。字符串插值 - 肯定不行。我也想知道我想做的事情是否不是一个坏习惯。

【问题讨论】：

你在讨论自定义组件吗？
是的，由我创建。
这不是框架的工作方式。组件元数据对开发人员不可用。您需要维护一个组件映射，以便通过选择器或其他字符串匹配它们，例如stackoverflow.com/a/40063568/3731501 或 stackoverflow.com/a/48825228/3731501

【解决方案1】：

如果你在NgModule中注册declarations: []内的组件，你可以在container-component.html中进行如下操作：

<div>
    <innerComponentRef></innerComponentRef>
    <innerComponentSelector></innerComponentSelector>
</div>

将 innerComponentRef 和 innerComponentSelector 更改为 selector: "" 名称

【讨论】：

将 innerComponentRef 和 innerComponentSelector 视为仅在 typescript 中已知的变量。 InnerComponentSelector 可以是 'app-inner-1' 或 'app-inner-2' 或其他。那就是问题所在。我还想知道一些 *ngFor 循环所有已定义的组件并仅采用选择器 ==innerComponentSelector 的这个。