导入 MatButtonModule 什么都不做

Question

我正在使用 Material 库构建一个 Angular 应用程序。

我想使用 material 按钮模块包。

我像这样在 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,
],

现在，当我转到 home.component.html 时，我得到 Material 表格和复选框可以正常工作。

我的 IDE 还会自动检测其余的 Material 模块。但由于某种原因，Material 按钮不存在。

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

我是不是漏掉了什么？

我正在使用 Angular 9.0.3 和 Material 9.1.0

Answer 1

Material 按钮是一个指令，所以选择器看起来像：

button[mat-button]

尝试将您的代码更改为 <button mat-button>Basic</button>

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

导入 MatButtonModule 什么都不做

Importing MatButtonModule does nothing

angular

angular-material

angular9