在我的Angular 6应用中，我需要将Component作为其ng-template传递给另一个Component 。
原因是我有一个组件A，需要多次复制，但是每次它必须包含具有相同Inputs的不同组件（我们称它们为Component B和Component C）。
组件A模板：
<div class="row-detail-panel">
<h4 class="row-detail-panel-title">{{ newEntity ? 'Add new' : 'Edit this'}} {{ entityName }}</h4>
<!--THIS IS THE COMPONENT I WANT TO INJECT-->
<app-component-b
[inline]="true"
[form]="form"
></app-component-b>
<!--END-->
<!--some more html code here-->
</div>
我使用以下方法创建一个Component A实例：
<app-component-a
[entity]="row"
[entityName]="entityName"
></app-component-a>
所以我考虑使用ng-template，因此按如下所示更改Component A模板：
<div class="row-detail-panel">
<h4 class="row-detail-panel-title">{{ newEntity ? 'Add new' : 'Edit this'}} {{ entityName }}</h4>
<ng-template></ng-template> …