如何使用Angular Material 2创建自己的Material模块?

时间:2017-04-10 09:29:25

标签: angular-material2

我正在检查angular/material2的最新版本,并在release note中他们说MaterialModule已被标记为已弃用。 这是发行说明中的​​文字。

  

MaterialModule

     

MaterialModule(和MaterialRootModule)已标记为   弃用。我们发现,目前状态正在震动   在世界上,使用像MaterialModule这样的聚合NgModule   导致工具无法消除组件的代码   没用过。

     

为了确保用户以最小的代码大小结束   可能,我们已弃用MaterialModule,要在a中删除   随后的发布。

     

要替换MaterialModule,用户可以创建自己的"材料"   他们的应用程序中的模块(例如,GmailMaterialModule)   仅导入应用程序中实际使用的组件集._

所以现在不推荐使用MaterialModule,我想我不应该把它写在NgModules的imports数组中(如果我错了请纠正我)。那么我如何使用<md-card>md-button和其他组件。发布说明说用户可以制作自己的材料模块是什么意思。

任何人都可以向我展示如何创建自己的材料模块吗?

1 个答案:

答案 0 :(得分:3)

我发现将来的答案承诺掌握更新文档的位置。 https://github.com/angular/material2/compare/2.0.0-beta.3...master

步骤3:导入组件模块

在您应用的根NgModule中添加MaterialModule作为导入。

为您要使用的每个组件导入NgModule:

import {MdButtonModule, MdCheckboxModule} from '@angular/material';

@NgModule({
  imports: [MdButtonModule, MdCheckboxModule]
})

简而言之,您需要在NgModel中单独指定要使用的组件而不是一个核心模块。这样做是为了在生成生成构建时从捆绑中删除冗余/未使用的代码。