angular – 如何在PrimeNG数据表中使用模板

我有一个非常基本的问题,我无法自己回答,因为大多数链接到 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

@H_403_17@

每个p列可以有两个模板 – 正文和标题,你应该指定它是哪一个.这不是强制性的,因为我认为身体是默认的,这是你在这种情况下所需要的,但这是很好的做法.您还需要将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>

@H_403_17@

AngularJS 简介

AngularJS 是一个JavaScript 框架。它可通过注：建议把脚本放在元素的底部。这会提高网页加载速度，因...

angluarjs中页面初始化的时候会出现语法{{}}在页面中问题

angluarjs中页面初始化的时候会出现语法{{}}在页面中问题，也即是页面闪烁问题。出现这个的原因是：由于...

AngularJS 指令

AngularJS 通过被称为指令的新属性来扩展 HTML。AngularJS 指令AngularJS 指令是扩展的 HTML 属性，带有...

AngularJS 表达式

AngularJS 使用表达式把数据绑定到 HTML。AngularJS 表达式AngularJS 表达式写在双大括号内：{{ expres...

AngularJS 表格

ng-repeat 指令可以完美的显示表格。在表格中显示数据 {{ x.Name }} {{ x.Country }} 使用 CSS 样式为了...

AngularJS XMLHttpRequest

$http是 AngularJS 中的一个核心服务，用于读取远程服务器的数据。读取 JSON 文件下是存储在web服务器上...

angular – 如何在PrimeNG数据表中使用模板

相关文章