Как добавить значок, которого нет в Google Material for Angular? - PullRequest
0 голосов
/ 29 ноября 2018

Чтобы использовать значок материала для Angular, <mat-icon> используется с названием значка:

<mat-icon>check</mat-icon>

И значки можно найти здесь: https://material.io/tools/icons/?style=baseline

Теперь проблемаэтот набор иконок не имеет так много иконок.Например, значок Instagram не может быть найден там.

В этих ситуациях одним из способов является использование значков-шрифтов и включение дополнительных значков-шрифтов на HTML-страницу и использование старого элемента <i> дляс этой целью.

Но это запах кода, потому что ваша кодовая база теперь имеет два подхода для одной цели.

Как вы решаете эту проблему?Как включить значок, которого нет в Google Material for Angular?Как вы расширяете иконки Google Material?

1 Ответ

0 голосов
/ 29 ноября 2018

Если вы проверяете API, указанный в Angular Material, вы можете использовать MatIconRegistry (ref: https://material.angular.io/components/icon/api#MatIconRegistry), чтобы добавить свои собственные значки, которые будут использоваться в той же записи (используя mat-icon).

...