Автор оригинала: Matthew Davis.
Монтаж
Установка поддержки углового материала требует двух библиотек:
$ npm install @angular/material @angular/cdk
Интеграция
Чтобы использовать материальный компонент, мы должны сначала импортировать модуль:
import {BrowserModule} from '@angular/platform-browser';
import {NgModule} from '@angular/core';
import {AppComponent} from './app.component';
import {MatButtonModule} from '@angular/material';
import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
BrowserAnimationsModule,
MatButtonModule,
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule {
}
Теперь, когда мы импортировали Матбуттонмодуль Мы можем идти вперед и использовать его в нашем app.component.html шаблон:
Наконец, нам нужно @import Материальная тема от нашего styles.cscss файл:
@import "~@angular/material/prebuilt-themes/indigo-pink.css";
Конечный результат:
Конечные результаты!