Angular 6管道不会渲染材质图标

时间:2018-06-14 11:12:17

标签: angular material-design angular-material render angular6

当我想通过Angular管道显示材质图标时,它不起作用。

想象一下这种情况,当你有一些数据并想要将其转换为图标时,例如: 你有一个关于喜欢冰淇淋的人的清单,如果他喜欢,你有数据&#39;喜欢&#39;如果他没有,你就会有数据“不喜欢”。这两个参数你想转换成一个图标&#39;喜欢&#39;将是&#39; <mat-icon>favorite</mat-icon>&#39;并且不喜欢&#39;将是另一回事。 我认为如果我使用一些Pipe会很容易,但它不会呈现图标:(

以下是示例:https://stackblitz.com/edit/angular-uasanh

我认为这是因为渲染元素链而发生的。

任何人都可以向我提供一些如何使其有效的说明吗?

1 个答案:

答案 0 :(得分:1)

如果有人遇到相同的问题,我将用ng-template替换管道。 这是示例:https://stackblitz.com/edit/angular-daiupg

PS:如果要使用ngx-datatable渲染图标,则ng-template也可能会有所帮助。