我正在尝试通过cellRenderer在ag-grid中添加Font Awesome图标。
如何在单元格渲染中正确渲染<fa-icon>
标签?
这是我的尝试:
{
width: 150,
headerName: 'Events',
// tslint:disable-next-line: object-literal-shorthand
cellRenderer: (params: any) => {
const PHD: boolean = params.data.PHD;
const DG: boolean = params.data.DG;
const HOT: boolean = params.data.HOT;
let result = '';
if (PHD) {
result = result + '<fa-icon [icon]="faCoffee"></fa-icon>';
}
if (DG) {
result = result + '';
}
if (HOT) {
result = result + '';
}
return result;
},
resizable: true,
filter: false,
},
答案 0 :(得分:4)
fa-icon
是一个自定义角度组件,您的简单单元格渲染器将不会对其进行解析。
代替这个
'<fa-icon [icon]="faCoffee"></fa-icon>'
您应该使用更简单的<i>
方法
'<span><i class="fa fa-coffee"></i></span>';
让您的简单单元格渲染器正常工作。
但是,如果您仍然想使用fa-icon角度组件,则应考虑按照here的说明实施单元格渲染器组件。