J'adore le design du matériau angulaire, mais son utilisation peut être pénible. Le site montre un exemple utilisant
<link rel="stylesheet" href="https://storage.googleapis.com/non-spec-apps/mio-icons/latest/outline.css">
Cependant, quand je fais la même chose dans mon projet, je vois juste le texte "home".
Je ne vois pas où j'ai besoin de faire autre chose que d'importer MatIconModule.
Quelqu'un a-t-il un indice?
J'utilise le matériel angulaire v8.0.1. J'ai également installé material-design-icons v 3.0.1. et ayez ceci dans mon index.html. (j'en ai fait un à la fois)
<mat-icon>home</mat-icon>
3 Réponses :
Vous devez supprimer
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
et remplacer par
<link rel="stylesheet" href="https://storage.googleapis.com/non-spec-apps/mio-icons/latest/outline.css">
avec angular 10 et le dernier matériau, cette solution ne fonctionne pas pour moi!
Le matériau angulaire 8.0.1 nécessite que les icônes de conception de matériau soient incluses comme suit
<mat-icon>home</mat-icon>
Vous devrez également importer le module d'icône de tapis en tant que
import {MatIconModule} from '@angular/material/icon';
Dans mon cas, certaines icônes fonctionnaient, d'autres non. Le passage de
<span class="material-icons">home</span>
à
<mat-icon>home</mat-icon>
a résolu le problème.