Angular-寻找一种将组件注入另一个组件的方法

Question

我创建了一个模型框。在标题较小的地方，通过innerHTML注入标题很容易。但我有多个机构将通过。 我目前正在使用ngif处理尸体。有什么方法可以注入想要显示的组件？预先感谢。

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModal" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content modalBackGround">
            <div class="modal-header"`enter code here`>
                <div class="left col-11" [innerHTML]="header">
                </div>
                <div class="right col-1">
                    <button class="btnClose" data-dismiss="modal"></button>
                </div>
            </div>
            <div class="modal-body">
                <abe-body-panel1 *ngIf="content === 'abe-body-panel1'"></abe-body-panel1>
                <abe-body-panel2 *ngIf="content === 'abe-body-panel2'"></abe-body-panel2>
                <abe-body-panel3 *ngIf="content === 'abe-body-panel3'"></abe-body-panel3>
            </div>
        </div>
    </div>
</div>

Answer 1

您可能需要Angular的Dynamic component loading。