使用TemplateRef列表作为ChildrenContent

Question

我想创建一个获取数据列表和模板列表的组件，以便使用不同的模板显示每个数据：

<my-component [data]="data">
    <ng-template let-name="prop" #format1>
            {{name}} As Format 1
    </ng-template>
    <ng-template let-name="prop" #format2>
            {{name}} As Format 2
    </ng-template>
    <ng-template let-name="prop" #format3>
            {{name}} As Format 3
    </ng-template>
</my-component>

当我只将一个ng-template传递给my-component时，我可以通过以下方式访问它：

@ContentChild(TemplateRef) template: TemplateRef<any>;

Here is the working one

但我想将ng-templates传递给my-component，并使用@ContentChildren访问模板：

@ContentChildren(TemplateRef) templates: QueryList<TemplateRef<any>>;

Here is the not working one

我将this.templates作为undefined

我想使用ng-templates

访问传递this.templates