模板如何在 primeng 网格中工作 Angular 6

Question

我正在使用 primeng TurboTable，其中为模板添加了 pTemplate 指令。然后相应地 DOM 被渲染我试图在我的项目中实现一个非常相同的方法来创建一个可重用（DUMB）组件。尝试寻找解决方案，但找不到合适的解决方案。考虑过使用 ng-container，但是当将 ng-template 从 Smart 组件传递到子组件时，什么也没有发生。 PFB 我尝试过的解决方案示例

智能组件模板

<dumb-component>
  <ng-template #content> Content is placed here .... </ng-template>
</dumb-component>

哑组件模板

<ng-container *ngTemplateOutlet="content">
</ng-container>

Link 至 primeng 文档： primeng docs

Answer 1

因为你的组件 Dumb Component 收到了一个模板。它需要使用 @ContentChild

访问模板

转储组件

<ng-container *ngTemplateOutlet="content">
</ng-container>
@ContentChild(TemplateRef) content: TemplateRef<any>;

示例：https://stackblitz.com/edit/angular-ephusu

模板如何在 primeng 网格中工作 Angular 6

How is templates working in primeng grid Angular 6

javascript

angular

typescript

primeng-datatable

ng-template