J'ai un exemple de stackblitz ici qui, je crois, est configuré en suivant la documentation sur le thème angulaire, et pourtant les couleurs dans le code suivant ne s'affichent pas:

<button mat-raised-button color="primary">Primary</button>
<button mat-raised-button color="accent">Accent</button>
<button mat-raised-button color="warn">Warn</button>
<button mat-raised-button disabled>Disabled</button>

De plus, je suis nouveau sur stackblitz et je ne trouve pas où se trouve la balise body (ce n'est pas dans index.html ?!), j'ai donc attribué à la balise my-app la classe "mat-app-background":

<my-app class="mat-app-background">loading</my-app>

J'ai parcouru plusieurs entrées SO (par exemple this) et les pages sur les problèmes de github ( par exemple, this), et aucun ne semble pertinent pour mon problème ou en cours. Toute aide est très appréciée.

2
Atticus29 20 nov. 2018 à 21:43

3 réponses

Meilleure réponse

Tout ce que vous avez oublié ici, c'est d'importer MatButtonModule comme:

import {MatButtonModule} from '@angular/material';

Puis hors cours dans le tableau d'importation

imports: [ BrowserModule, FormsModule, MatButtonModule ]

Dans votre app.module.ts puisque vous n'avez qu'un seul module ici. Voici stackblitz

8
Sandeep K. 25 nov. 2018 à 16:37

J'ai ajouté du matériel à mon projet ( Angular 9 ) en utilisant ng add @angular/material et j'ai rencontré le même problème.

Pour y remédier, j'ajoute pour ajouter ci-dessous la dépendance manuellement au package.json:

"@angular/material-moment-adapter": "^9.2.2"

J'espère que cela aidera toute personne confrontée à des problèmes avec les versions plus récentes ou utilisant la commande ng add.

1
piet.t 14 mai 2020 à 08:28

Vous n'avez pas de matériel installé dans votre application.

Aller à : https://material.angular.io/guide/getting-started

Et suivez le guide étape par étape.

J'ai également mis à jour votre stackblitz, maintenant il fonctionne

https://stackblitz.com/edit/angular-p5dhxg

Voici comment vous pouvez ajouter une dépendance sur stackblitz:

enter image description here

Tapez simplement le nom de votre dépendance dans la zone de texte ci-dessous exactement. Par exemple, si vous souhaitez installer du matériel, saisissez: @ angular / material et appuyez sur Entrée. La dépendance sera installée.

J'espère que cela aide .

0
programoholic 23 nov. 2018 à 23:37