angular - 有没有办法将徽章添加到 Ignite 网格的列标题?
问题描述
我有一个 5 列的 ignite 网格。其中一列显示客户是否有权订购某物。基本上它是三个字符串之一:
- 待批准
- 得到正式认可的
- 未经授权。
我想做的是跟踪待处理的批准数量。为此,我想添加一个带有列标题的徽章组件,该组件显示待处理的批准数量。有可能这样做吗?
我环顾四周,但找不到合适的解决方案。Angular 库的 Ignite UI 确实有一个徽章组件,但找不到将它与数据网格一起使用的方法
解决方案
是的,有两种方法可以设置标题模板,通过输入 - headerTemplate 的 API 文档。. 或者通过使用igxHeader
指令
代码片段 - 输入:
<igx-column field="ID" [headerTemplate]="pinTemplate"></igx-column>
...
<ng-template let-column #pinTemplate>
<span style="float:left">{{column.header || column.field}}</span>
<igx-badge type="success" icon="chat_bubble"></igx-badge>
<igx-icon fontSet="material"(click)="pinColumn(column)">lock</igx-icon>
</ng-template>
代码片段 - 指令:
<igx-column field="Missing">
<ng-template igxHeader let-column>
{{ column.field }} {{ column.visibleIndex }}
</ng-template>
</igx-column>
推荐阅读
- performance - X86 Broadwell 上的吞吐量 FMA 和乘法
- jakarta-ee - 无法解决 Wildfly 远程容器的“ArquillianServletRunner 未找到错误”
- python - 未定义画布绑定键
- javascript - 打印 javascript 数组中的重复项数
- react-native - 反应原生 | 运行 Expo 时出错 | 未处理的错误事件
- java - 错误:无法找到或加载主类 - .jar 文件执行
- angular-cli - 安装 Angular CLI 的问题
- scala - `transformWith[Array[Byte]]` 中的`Future.failed` 给出编译器错误
- php - 通过php变量从MySQL中选择数据时如何转义单引号
- ios - 从 Apple iTunes Connect 中删除应用程序版本