Question

我正在尝试将角度材质模块导入我的应用程序。我做了下一件事：安装角度材料

yarn add @angular/material

包括nesesary modules

@NgModule({
    imports: [
        DevizionSharedModule,
        BrowserAnimationsModule,
        MdCardModule,
        MdTabsModule,

我的vendor.scss中包含了defoult样式 @import＆＃39; ~@angular/material/prebuilt-themes/indigo-pink.css' ;;

但它似乎不起作用，我缺少什么？

Answer 1

添加材料和锤子纱线添加@角/材料锤子（如果需要纱线安装）材料应该是：＆＃34; @ angular / material＆＃34;：＆＃34; ^ 2.0.0-beta.2＆＃34;版本
在每个实体模块中导入材料模块和锤子＆＃34;从＆＃39; @ angular / material＆＃39;中导入{MaterialModule}; import＆＃39; hammerjs＆＃39;;＆＃34; 在导入数组中添加材料模块
将样式添加到vendor.scss。在bootstrap之前添加它 @import＆＃39; node_modules/@angular/material/core/theming/prebuilt/deeppurple-amber.scss' ;;

Answer 2

在app.module.ts中导入角度材质模块，并将其添加到导入元数据中：

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

然后将其添加到导入元数据：

imports: [
  MaterialModule,
   .....
  ]

还要在全局scss文件中添加以下行：

@import '~@angular/material/core/theming/all-theme';
@include mat-core();

此外，您可能需要在index.html中添加此样式表以使用应用中的素材图标：

<link rel='stylesheet' href='https://fonts.googleapis.com/icon?family=Material+Icons'>