Angular语言 - 如何在父组件的子组件中使用ng-template

Question

我有一个名为BaseComponent的组件，以及继承自BaseComponent的incomingRequestesComponent。在baseComponent的HTML中，我需要放置一些模板，以便在从baseComponent继承的组件中使用它们。BaseComponent:

export class BaseTimeComponent implements OnInit, OnDestroy, AfterViewInit {
// some code
}
<ng-template #selectField let-field="fieldName" let-record="recordId">
{{fieldName}} - {{record}}
</ng-template>

传入的请求:

export class IncomingRequestsComponent extends BaseComponent implements OnInit {
// some code
}
<ng-container *ngIf="field.DataType == 3">
<ng-container
[ngTemplateOutlet]="selectTemplate"
[ngTemplateOutletContext]="{ fieldName: fieldName, recordId: recordId}"
></ng-container>
</ng-container>

问题是模板没有被传递给传入请求组件事件，尽管没有错误。还有别的办法吗?

Answer 1

装饰器应用于一个类，但不应用于扩展基类的类(参见这个闪电，应该调用三次，而不是两次)。

因此，您不能提供"基本HTML文件"。到你的子类

如果你想从组件中引用一个模板，你需要实例化这个组件和它的子组件，并使用Angular在它们之间共享数据。