Question

我有一个非常基本的问题，我无法自己回答，因为http://www.primefaces.org/primeng的大多数链接都不再起作用了。我也尝试注册他们的论坛，但他们的激活邮件永远不会到达。

我使用Angular2并拥有一个包含两列的数据表：filename和status。我想要更改的状态列。它现在保持从1到4的数字，我想根据状态显示一个glyphicon。

我现在有了这个，这是有效的：

<p-dataTable [hidden]="loading" [value]="files" selectionMode="single"  sortField="Status" [sortOrder]="-1">
  <p-column field="FileName" header="Naam" sortable="true"></p-column>
  <p-column field="Status" header="Status" sortable="true"></p-column>
</p-dataTable>

我试过这个，只是为了测试模板，但没有任何变化：

<p-dataTable [hidden]="loading" [value]="files" selectionMode="single"  sortField="Status" [sortOrder]="-1">
  <p-column field="FileName" header="Naam" sortable="true"></p-column>
  <p-column field="Status" header="Status" sortable="true">
    <template let-file="rowData">
        {{file.Status == 1 ? "Yes" : "No"}}
    </template>
  </p-column>
</p-dataTable>

所以保存得出结论我没有正确使用它。

我们正在使用PrimeNG 1.0.0-beta.16

Answer 1

每个p-column可以有两个模板 - body和header，您应该指定它是哪一个。body和pTemplate。这不是强制性的，因为我认为p-column是默认的，这是你在这种情况下所需要的，但这是一个很好的做法。您还需要将p-column添加到模板，以便<p-dataTable [hidden]="loading" [value]="files" selectionMode="single" sortField="Status" [sortOrder]="-1"> <p-column field="FileName" header="Naam" sortable="true"></p-column> <p-column field="Status" header="Status" sortable="true"> <ng-template let-file="rowData" pTemplate type="body"> {{file.Status == 1 ? "Yes" : "No"}} </ng-template> </p-column> </p-dataTable>使用它，这就是dispatch(navigateTo("/aboutUs"));无法显示您提供的模板的原因。所以，你的代码应该是这样的：

DISTINCT

如何在<p-datatable>中使用模板

1 个答案: