Angular 6 管道不呈现 material 图标

Angular 6 pipe does not render material icon

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

想象一下,当您有一些数据并且想将其转换为图标时,例如: 你有一个关于喜欢或不喜欢冰淇淋的人的列表,如果他喜欢它,你有数据 'like' 如果他不喜欢你有数据 'dislike' 这两个参数你想转换成图标 'like' 将是 '<mat-icon>favorite</mat-icon>' 而 'dislike' 将是其他东西。 我认为如果我使用一些 Pipe 会很容易,但它不会呈现图标:(

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

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

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

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

PS:如果你想用 ngx-datatable 渲染图标,ng-template 也会有帮助。