angular - Angular Material：为什么控制颜色会反转？

Question

我刚刚使用ng add @angular/material. 我向我的一个组件添加了一个测试按钮，如下所述：

  <button mat-button color="primary">Primary</button>

我在 app.module 中添加了一个导入：

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

   

@NgModule({
  declarations: [
    AppComponent,
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    HttpClientModule,
    BrowserAnimationsModule,
    MatButtonModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

但是，我的按钮以我期望的背景颜色显示文本，并以我期望的文本颜色显示它的背景。我在白色背景上有蓝色文本，这不起作用。看起来这应该是开箱即用的。关于如何解决这个问题的任何想法？

如果您需要更多信息，只需说出这个词。

标签： angularangular-material

Answer 1

对于您在问题中提到的，这是预期的行为。我认为您可能正在寻找的标记是：

<button mat-raised-button color="primary">Primary</button>

或者

<button mat-flat-button color="primary">Primary</button>