primengデータテーブルをバインドできません

Question

私はプライミング（2.0.3）で新しくなっています。私は製品の公的な配列を持つAngular 2プログラムを持っています。ここ

private initProductListloaded(res: product[]) 
{ 
// Public array of productList 
this.productList = res; 
} 

ドロップダウンwwindustryがproductListのアレイは、HTML内から任意のデータを持っている場合にのみ見るためにテストの目的であるHTMLコード

<div *ngIf="showProductGrid" style="height:400px;"> 
    <p-dataTable [value]="productList" [rows]="10"> 
    <p-column field="Sku" header="Year"></p-column> 
    <p-column field="Description" header="Brand"></p-column> 
    </p-dataTable> 
</div> 
<select name="wwindustry" style="width:100%" 
    [(ngModel)]="wselectedIndustry"> 
     <option *ngFor="let c of productList" 
     [value]="c.Sku"> c.Description}}</option> 
</select> 

あります。私が試したすべてがデータテーブルを生成するのに失敗しました

Answer 1

あなたのproductListにfield skuとDescriptionがある場合は、表示する必要があります。あなたがあなたのmodule.tsファイル内のprimengからデータテーブルをインポートしたことを確認してください。

import {DataTableModule} from 'primeng/primeng'; 

も* ngIf = "showProductGridは" showProductGridは== falseをその後、全体のdivがDOMにレンダリングされない場合であるfalseの場合。 showProductGridの値がtrueであるか、値があることを確認します。

これらのヒントが役立つことを願っています