L'application d'un thème prédéfini dans Angular 2 ne change rien

Question

J'essaie d'appliquer un thème Material prédéfini et cela ne change en rien le style de mon application. Je suis notamment la déclaration d'importation

@import "../node_modules/@angular/material/prebuilt-themes/deeppurple-amber.css";

dans mon dossier styles.css, mais rien ne change. J'ai vérifié que mon chemin vers le fichier est correct et j'ai inclus le noyau de Material dans le fichier. J'ai aussi essayé, y compris

<link href="../node_modules/@angular/material/prebuilt-themes/indigo-pink.css" rel="stylesheet">

à index.html mais a renvoyé une erreur 404. La plupart des correctifs pour les thèmes prédéfinis ont été résolus en incluant simplement l'importation dans le fichier styles.css mais cela n'aide pas ma situation. J'utilise CLI Angular pour ce projet.

Answer 1

Utilisez l'instruction d'importation suivante dans votre styles.css:

@import "~@angular/material/prebuilt-themes/indigo-pink.css";

Pris du starting guide. Vous devrez également appliquer la plupart des autres étapes.

Comme Z. Bagley suggère dans les commentaires, <button md-raised-button color="primary">Test</button> serait un moyen facile de vérifier, si le thème fonctionne (ne pas oublier d'inclure MdButtonModule).