Импорт MatButtonModule ничего не делает

Question

Я создаю приложение Angular с использованием библиотеки материалов.

Я хочу использовать пакет модуля кнопки материала.

Я импортирую его в app.module.ts как это (сокращенный пример):

import { MatTableModule } from '@angular/material/table';
import { MatCheckboxModule } from '@angular/material/checkbox';
import { MatButtonModule } from '@angular/material/button';

...

  imports: [
MatTableModule,
MatCheckboxModule,
MatButtonModule,
],

Теперь, когда я go to home.component. html Я получаю таблицы материалов и флажки для работы очень хорошо .

My IDE также автоматически определяет остальные модули Material. Но по какой-то причине Материальная Кнопка для нее просто не существует.

<mat-table></mat-table> //works
<mat-checkbox></mat-checkbox> //works
<mat-button></mat-button> //does not work

Я что-то здесь упускаю?

Я использую Angular 9.0.3 и Материал 9.1.0

Answer 1

Кнопка Material является директивой, поэтому селектор выглядит так:

button[mat-button] 

Попробуйте изменить код на <button mat-button>Basic</button>

https://material.angular.io/components/button/api