【问题标题】:How can I create my own Material module using Angular Material 2?如何使用 Angular Material 2 创建自己的 Material 模块?
【发布时间】:2017-04-10 09:29:24
【问题描述】:

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

材料模块

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

为了确保用户最终获得最小的代码大小 可能,我们正在弃用 MaterialModule,将其在 a 后续发布。

要替换 MaterialModule,用户可以创建自己的“Material” 应用程序中的模块(例如,GmailMaterialModule) 仅导入应用程序中实际使用的组件集。_

所以现在 MaterialModule 已被弃用,我认为我不应该将它写在 NgModules 的 imports 数组中(如果我错了,请纠正我)。那我该如何使用<md-card>md-button等组件。发行说明说用户可以制作自己的 Material 模块这是什么意思。

谁能给我演示一下如何创建自己的材质模块?

【问题讨论】:

    标签: angular-material2


    【解决方案1】:

    我在未来的提交中找到了答案,以掌握他们更新文档的位置。 https://github.com/angular/material2/compare/2.0.0-beta.3...master

    第三步:导入组件模块

    将 MaterialModule 添加为应用的根 NgModule 中的导入。

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

    import {MdButtonModule, MdCheckboxModule} from '@angular/material';
    
    @NgModule({
      imports: [MdButtonModule, MdCheckboxModule]
    })
    

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

    【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2019-03-22
    • 2016-11-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-06-23
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多