Угловые 2+ цвета кнопок тем не работают

Question

У меня есть пример стекаблиц здесь , который, как мне кажется, настроен в соответствии с Угловой документацией по тематике , но цвета в следующем коде не отображаются:

<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>

Более того, я новичок в stackblitz и не могу найти, где находится тег body (его нет в index.html ?!), поэтому я присвоил тегу my-app класс "mat-app".-background ":

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

Я просмотрел несколько записей SO (например, this ), и github выпускает страницы (например, this ), но ни одна из них не кажетсяиметь отношение к моей проблеме или текущей.Любая помощь очень ценится.

Answer 1

Все, что вы забыли здесь, это импортировать MatButtonModule, например:

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

, а затем отклоняться от курса в массиве импорта

imports: [ BrowserModule, FormsModule, MatButtonModule ]

в вашем app.module.ts, поскольку у вас есть одинмодуль здесь. Здесь stackblitz

Answer 2

В вашем приложении не установлен материал.

Перейдите по адресу: https://material.angular.io/guide/getting-started

и следуйте пошаговым инструкциям.

Также я обновилваш стек, теперь он работает

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

Вот как вы можете добавить зависимость от стека бликов:

Просто введите имя вашей зависимости в текстовом поле ниже точно.Например, если вы хотите установить материал, введите: @ angular / material и нажмите ввод.Зависимость будет установлена.

Надеюсь, это поможет.