將下拉組件添加到數據表的列中

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>