将下拉组件添加到数据表的列中

Question

我使用PrimeNG和Angular 2构建显示数据表的Web应用程序。这种运作良好，到目前为止，但是我想有一个数据单元格中的下拉菜单组件，这意味着模板明智的p柱应包括另一对下拉因素如下：

<p-dataTable [value]="dataColumns" [(selection)]="selectedInputColumns"> 
     <header>Specify Input Columns</header> 
     <p-column [style]="{'width':'38px'}" selectionMode="multiple"></p-column> 
     <p-column field="label" header="Column Name"></p-column>\n\ 
     <p-column header="Column Type"> 
      <p-dropdown [options]="dataColumns" [(ngModel)]="selectedDmuColumn"></p-dropdown> 
     </p-column> 
</p-dataTable> 

相应的列不显示任何东西，即使我只放一个简单的文本而不是下拉菜单，它也不会显示出来。

我错过了什么吗？

Answer 1

你需要指定<template> p柱的下方，这样， 每PrimeNg数据表文件：

列内模板必须pTemplate指令 同类型物业一起装饰指示其中模板归属于 。可能的值是“标题”，“主体”和“页脚”。

<p-column header="Column Type"> 
    <template pTemplate type="header"> 
     <p-dropdown [options]="dataColumns" [(ngModel)]="selectedDmuColumn"></p-dropdown> 
    </template> 
</p-column>