我正在尝试为字符串数组的每个字段传递一个不同的模板.
TS
export class MyComponent {
fields = ['name','person.age','created_at',...]
}
HTML
<div *ngFor="let field of fields">
<ng-container [ngTemplateOutlet]="field">
</ng-container>
</div>
<ng-template #name>
Name template
</ng-template>
<ng-template #created_at>
Created at template
</ng-template>
<ng-template #person.age>
person.age template
</ng-template>
我显然得到一个错误,因为ngTemplateOutlet需要一个TemplateRef而不是一个字符串.但是如何动态传递一个字符串来引用正确的模板呢？
解决方法
你可以像这样写：
<div *ngFor="let field of fields">
<ng-container *ngTemplateOutlet="{'name': name,'created_at': created_at,'person_age': person_age}[field]">
</ng-container>
</div>
<ng-template #name>
Name template
</ng-template>
<ng-template #created_at>
Created at template
</ng-template>
<ng-template #person_age>
person.age template
</ng-template>
这不需要子组件.
