angular – 如何在PrimeNG数据表中使用模板
发布时间:2020-12-17 07:19:12 所属栏目:安全 来源:网络整理
导读:我有一个非常基本的问题,我无法自己回答,因为大多数链接到 http://www.primefaces.org/primeng不再有效. 我也尝试注册他们的论坛,但他们的激活邮件永远不会到来. 我使用Angular2并拥有一个包含两列的数据表:filename和status. 我想要更改的状态列.它现在保
我有一个非常基本的问题,我无法自己回答,因为大多数链接到
http://www.primefaces.org/primeng不再有效.
我也尝试注册他们的论坛,但他们的激活邮件永远不会到来. 我使用Angular2并拥有一个包含两列的数据表:filename和status. 我现在有这个,这是有效的: <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
每个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> (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
推荐文章
站长推荐
- case-class上的`productElement(i)`是否使用反射
- NERDTree:Autocmd错误vim
- 如何从shell字符串剪切最后一个字段
- Docker – 使用Redis,Postgres,ElasticSearch,N
- 如何设置bootstrap navbar活动类与Angular JS?
- Shell特殊变量:Shell $0, $#, $*, $@, $?, $$和
- 如果访问者的IP地址试图访问我系统上种植的shell
- scala – HList的证据保留LUB约束
- VS Code 折腾记 - (7) 内置Debug功能深入【调教a
- 单元测试 – 如何在AngularJS中的指令单元测试中
热点阅读