【发布时间】：2018-11-24 03:43:12
【问题描述】：
当我想通过 Angular 管道显示材质图标时，它不起作用。
想象一下这种情况，当您有一些数据并且想要将其转换为图标时，例如：
你有一个关于喜欢或不喜欢冰淇淋的人的列表，如果他喜欢，你有数据“喜欢”，如果他不喜欢，你有数据“不喜欢”，这两个参数要转换为图标“喜欢” ' 将是 '<mat-icon>favorite</mat-icon>' 而 'dislike' 将是别的东西。
我认为如果我使用一些管道会很容易，但它不会呈现图标:(
示例如下：https://stackblitz.com/edit/angular-uasanh
我认为这是由于渲染元素链而发生的。
谁能给我一些指导如何使它工作？
【问题讨论】：
-
这是我今天意识到的，innerHTML 不会为自定义角度元素编译传递的 HTML。
-
我认为您不会在管道中调用组件。我可以建议你最好使用
ngIf。我的意思是，为什么不呢？ -
@LazaroHenrique 不是在管道中调用组件，而是在 innerHTML 中传递组件。即使这东西也行不通 [innerHTML]="'
favorite '" -
感谢输入人员，我想将它与 ngx-datatable 一起使用，但我设法用一些 ng-template 解决了它，因为 innerHTML 无法编译。再次感谢:)
-
你能说出你是如何使用 ng-template 解决这个问题的吗？
标签： angular material-design angular-material render angular6