Добавить / использовать собственный SVG в качестве материала-иконки

Question

Я использую пакет материалов дизайна для меню макета приложения. У меня есть 2 пункта меню, где я не могу найти подходящую иконку, поэтому я получил 2 SVG-файла, которые я добавил в проект. Я хочу использовать это в качестве значка элемента списка материалов вместо значка материала. Есть ли способ сделать это, добавив пользовательский значок в библиотеку материалов-значков или заменив значок в списке. Если да, пожалуйста, мне нужен полный пример, так как я новичок в DartAngular, все еще пытаюсь выяснить некоторые вещи.

Answer 1

Существует действительно миксин для этого, как указано в ответ Теда Сандера , но на данный момент он, похоже, не работает. Я спросил об этом на Gitter , но не получил ответа, и я также открыл билет на Github для этой, казалось бы, неработающей функции.

Это явный признак того, что даже в официальной галерее угловых компонентов есть пример неработающей иконки SVG .

Я бы предложил реализовать это с помощью отдельного рендеринга элементов списка для тех, у кого есть официальное представление material-icon и тех, которым требуется пользовательское изображение SVG, и условно отобразить их с помощью директивы ngIf.

Answer 2

Существует миксин для значка материала, который позволит вам изменить значок материала на использование SVG. https://github.com/dart-lang/angular_components/blob/c6cb3d783e72ff1ed7974f18b7f169778c73d39b/angular_components/lib/material_icon/_mixins.scss#L49