无法绑定primeng数据表

Question

我是新手 (2.0.3)。我有一个 Angular 2 程序，它有一个公共的产品数组。

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

这是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>

wwindustry 下拉列表仅用于测试目的，以查看 productList 的数组是否有来自 html 内部的任何数据。我尝试的一切都未能生成数据表

Answer 1

如果您的产品列表中有字段 sku 和描述，则必须显示。确保你已经从你的 module.ts 文件中的 primeng 导入了数据表。

import {DataTableModule} from 'primeng/primeng';

如果 *ngIf="showProductGrid" 为假，即如果 showProductGrid==false 则整个 div 将不会在 DOM 中呈现。确保值 showProductGrid 是 true 或者它有一些值。

我希望这些技巧可以帮助你