从TemplateRef迭代子TemplateRef

Question

是否可以从TemplateRef迭代TemplateRef？

<my-component [template]="template"></my-component>
<ng-template #template>
<ng-template *ngFor="let field of fields">
bla bla bla
</div>
</ng-template>

我想做这样的事。

@Input() template: TemplateRef<any>

并将类似的内容输入到模板中

<div *ngFor="let x of template">
<h1>Bla bla bla</h1>
<div *ngTemplateOutlet="x"></div>
</div>

Answer 1

如果我理解正确，这可能会奏效。

父级：

@ViewChildren("template") templates: QueryList<TemplateRef<any>>;

<ng-template #template *ngFor="let field of fields">
bla bla bla
</ng-template>

儿童：

@Input() templates: TemplateRef<any>[];
<div *ngFor="let x of templates">
<h1>Bla bla bla</h1>
<div *ngTemplateOutlet="x"></div>
</div>