Question

我正在尝试重构我的代码以使用Angular / Material作为前端，但是我似乎无法让它工作......

我已经按照angular material website和Youtube视频教程中的说法进行了操作，但它似乎并不想工作。

我运行了正常的npm命令：

npm install --save @angular/material@latest @angular/cdk@latest @angular/animations@latest

我已将一个素材按钮导入我的app.module.ts以及动画：

// Other imports are above
import { MatButtonModule } from '@angular/material/button';

@NgModule({
  imports:      [
    BrowserModule,
    FormsModule,
    HttpClientModule,
    Routing,
    GreyhoundComponentModule,
    BrowserAnimationsModule,
    MatCheckboxModule,
    MatButtonModule,
  ],
  declarations: [
    AppComponent
  ],
  providers:[
    DecoratorUtils,
    Configuration,
    {
      provide: HTTP_INTERCEPTORS,
      useClass: AppHttpInterceptor,
      multi: true
    }
  ],
  bootstrap:    [ AppComponent]
})
export class AppModule { }

我已将主题导入CSS文件：style.css

@import '~@angular/material/prebuilt-themes/indigo-pink.css';

在HTML文件中，我使用了angular / material网站提供的元素标记：

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

Answer 1

更改为

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

要在角度材质中导入按钮模块并添加

@import '~bootstrap-sass/assets/stylesheets/bootstrap';

使用角度/材质时遇到问题

1 个答案: