Angular 4 + primeng：コンポーネントから別のHTMLコンテンツを渡す

Question

私は新しいコンポーネント "pagin-datatable.component"を宣言したので、いくつかのサーバー側のページ付け関数を複数の場所でprimengデータテーブル（p-datatable）私が必要とする機能と行動で

ので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タグでコンポーネントにタグを送信してもらうためにpagin-componentに伝えるにはどうすればいいですか？

primeng問題を解決するために、この記事を見つけた：github.com/primefaces/primeng/issues/1215以下の答えの後

。

あなたは 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-データテーブルであなたのコラムをワープすることができます

Answer 1

。