仅使用 Material Design 2 中的 MD_CARD，而不使用所有 Material Design 库答案

【问题标题】：Only use MD_CARD from Material Design 2 without using all the Material Design library仅使用 Material Design 2 中的 MD_CARD，而不使用所有 Material Design 库
【发布时间】：2017-03-09 15:55:20
【问题描述】：

无论如何只使用所需的材料设计组件而不是所有库，我对 MD_CARD_DIRECTIVES 感兴趣。

【问题讨论】：

标签： angular angular2-directives angular-material2

【解决方案1】：

MD_CARD_DIRECTIVES 从Material 2 alpha 7 开始被删除

也许您可以创建包含MdCard 的a demo project 并从浏览器开发工具中复制模板和CSS 规则

【讨论】：

【解决方案2】：

假设您使用的是最新版本（截至今天的 alpha.9），我倾向于做的正是 MaterialModule does，但将其简化为我只需要的。类似的东西

import { MdCardModule } from '@angular/material/card';

const MATERIAL_MODULES = [
  MdCardModule,
];

@NgModule({
  imports: [
    MdCardModule.forRoot()
  ],
  exports: MATERIAL_MODULES
})
export class MaterialRootModule {}

@NgModule({
  imports: MATERIAL_MODULES,
  exports: MATERIAL_MODULES
})
export class MaterialModule {
  static forRoot(): ModuleWithProviders {
    return {
      ngModule: MaterialRootModule
    };
  }
}

然后在你的应用模块中

imports: [ MaterialModule.forRoot() ]

在功能模块中

imports: [ MaterialModule ]

如果你只打算使用MdCardModule，那么你真的可以直接导入它。但我喜欢保持上面的方式，这样如果我需要其他任何东西，我只需将它添加到上面的模块中

【讨论】：