添加/使用自定义SVG作为材料图标

Question

我正在为我的应用程序布局菜单使用材料设计包。 我有2个菜单项，在其中找不到适合的图标，因此我将2个SVG文件添加到项目中。 我想将此用作物料清单项目图标，而不是物料图标。 有没有一种方法可以通过向材料图标库添加自定义图标或替换列表中的图标来实现。 如果是，请我需要一个完整的示例，因为我是DartAngular的新手，仍在尝试找出一些东西。

Answer 1

有一个用于material-icon的mixin，它将允许您将SVG更改为material-icon。 this article

Answer 2

Ted Sander's answer中确实指出了对此的混合方法，但目前看来似乎不起作用。我在Gitter上问过这个问题，但没有得到答案，我还为这个看似损坏的功能打开了一个ticket on Github。

这是一个明显的信号，即使正式的Angular Components Gallery也具有broken SVG icon example。

我建议通过对具有正式material-icon表示形式和需要自定义SVG图像的列表项使用单独的列表项渲染来实现此目的，并使用ngIf指令有条件地对其进行渲染。