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

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

import {DataTableModule} from 'primeng/primeng';

如果* ngIf =“showProductGrid”为false，如果showProductGrid == false，那么整个div将不会在DOM中呈现。确保值showProductGrid为true或者它有一些值。

我希望这些提示可以帮到你

无法绑定primeng数据表

1 个答案: