0

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

4

2 回答 2

1

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

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，那么实际上您可以导入它。但我喜欢保持上面的方式，这样如果我需要其他任何东西，我只需将它添加到上面的模块中

于 2016-10-27T05:20:54.083 回答
1

MD_CARD_DIRECTIVES被删除Material 2 alpha 7

也许您可以创建一个演示项目，其中包含MdCard并复制浏览器开发工具中的模板和 CSS 规则

于 2016-10-27T05:18:17.553 回答