Angular Material 2 'mat-button' 显示为常规按钮

我的 app.component.ts:

import { Component } from '@angular/core';
import {MatButtonModule} from '@angular/material/button';


@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'tour of heroes';
}

在 app.component.html 中:

<!--The content below is only a placeholder and can be replaced.-->
<div style="text-align:center">
    <button mat-raised-button>Basic</button>
  <h1>
    Welcome to {{ title }}!
  </h1>
</div>
<ul>
  <li>
    <h2>
      <a routerLink="/history" routerLinkActive="history">Heroes</a>
    </h2>
  </li>

  <li>
    <h2>
      <a routerLink="/submission-display" routerLinkActive="submission-display">Submissions</a>
    </h2>
  </li>
</ul>

<router-outlet></router-outlet>

当我运行时，我得到了没有主题的标准浏览器按钮。

最佳答案

您需要在 app.module.ts 文件

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

@NgModule({
  imports: [MatButtonModule]
})

中注册 MatButtonModule

关于Angular Material 2 'mat-button' 显示为常规按钮，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/47497087/