Angular 4 + primeng :将HTML内容从一个组件传递到另一个组件

Question

我想在多个地方向primeng数据表(p-datatable(添加一些服务器端分页函数，所以我声明了一个具有我需要的函数和行为的新组件"pagin-datatable.component"。

所以pagin-datatable.component.html(模板(带有：

<p-dataTable [value]="value" 
resizableColumns="true" 
scrollable="true" 
scrollWidth="100%" 
[(rows)]="this.gridOptions.rows" 
[paginator]="true" 
[lazy]="true" 
[totalRecords]="nbTotal" 
(onFilter)="filtrage($event)"
(onPage)="pagination($event)" 
(onSort)="tri($event)" 
[rowsPerPageOptions]="rowsPerPageOptions" >
/* There should be the p-columns */
</p-dataTable>

我希望我的 p 列仍然在我的main.component中声明.html例如：

<pagin-datatable [value]="partenaires" (pagin)="refresh($event)" [rowsPerPageOptions]="[5,10,20,40]">
<p-column sortable="true" [filter]="true" field="aField"     header="A HEADER"></p-column>
/* And so it goes for every other p-columns */
</pagin-datatable>

我的问题是：我如何告诉我的分页组件让 p 数据表处理发送到组件标签的内容？

在下面的回答之后：

找到这篇文章来解决primeng问题：github.com/primefaces/primeng/issues/1215。

Answer 1

你可以在pagin-datatable.component中使用.html像这样

<p-dataTable [value]="value" 
resizableColumns="true" 
scrollable="true" 
scrollWidth="100%" 
[(rows)]="this.gridOptions.rows" 
[paginator]="true" 
[lazy]="true" 
[totalRecords]="nbTotal" 
(onFilter)="filtrage($event)"
(onPage)="pagination($event)" 
(onSort)="tri($event)" 
[rowsPerPageOptions]="rowsPerPageOptions" >
/* There should be the p-columns */
<ng-content></ng-content>
</p-dataTable>

在你的main.component中.html你可以根据需要扭曲pagin-datatable中的列。