PrimeNGデータテーブルでのテンプレートの使い方

Question

http://www.primefaces.org/primengへのほとんどのリンクがもう機能しないため、私は自分自身で答えることができない非常に基本的な質問があります。 フォーラムにも登録しようとしましたが、アクティベーションメールは届きません。

私はAngular2を使用し、filenameとstatusの2つの列を持つデータテーブルを持っています。 変更したいステータスの列。これは1から4までの数字を保持しており、ステータスに基づいてグリフコンを表示したいと思います。

私は今作業しているこの、持っている：私はちょうどテンプレートをテストするために、これを試みたが、何も変わりません

<p-dataTable [hidden]="loading" [value]="files" selectionMode="single" sortField="Status" [sortOrder]="-1"> 
    <p-column field="FileName" header="Naam" sortable="true"></p-column> 
    <p-column field="Status" header="Status" sortable="true"></p-column> 
</p-dataTable> 

を：

<p-dataTable [hidden]="loading" [value]="files" selectionMode="single" sortField="Status" [sortOrder]="-1"> 
    <p-column field="FileName" header="Naam" sortable="true"></p-column> 
    <p-column field="Status" header="Status" sortable="true"> 
    <template let-file="rowData"> 
     {{file.Status == 1 ? "Yes" : "No"}} 
    </template> 
    </p-column> 
</p-dataTable> 

をだから私はそれを使用していないと結論して保存正しく。 bodyとheader、あなたはそれがあるかを指定する必要があり -

私たちは、それぞれのp-column 2つのテンプレートを持つことができますPrimeNG 1.0.0-beta.16

Answer 1

を使用しています。 bodyがデフォルトだと思うので、必須ではありません。これはあなたがこの場合に必要とするものですが、それは良い習慣です。 p-columnがテンプレートを使用するには、pTemplateをテンプレートに追加する必要があります。これは、p-columnが指定したテンプレートを表示しない理由です。したがって、コードは次のようになります。

<p-dataTable [hidden]="loading" [value]="files" selectionMode="single" sortField="Status" [sortOrder]="-1"> 
    <p-column field="FileName" header="Naam" sortable="true"></p-column> 
    <p-column field="Status" header="Status" sortable="true"> 
    <ng-template let-file="rowData" pTemplate type="body"> 
     {{file.Status == 1 ? "Yes" : "No"}} 
    </ng-template> 
    </p-column> 
</p-dataTable>