Angular Material 2 个组件中的 `cdk` 是什么

Question

在 angular material 源中的多个位置，有元素/ css 类以 cdk 作为前缀。

有谁知道 cdk 在 angular material 上下文中的缩写是什么？

Answer 1

CDK 是 component dev kit 的缩写形式。这表示这些是 general-purpose 用于构建的工具未耦合到 Material 设计

的组件

core/ 中的多个组件（例如 Overlay）的前缀已更改为 cdk-（简称对于 "component dev kit"）。这表示这些是 general-purpose 用于构建的工具未耦合到 Material Design.The 旧选择器的组件仍然已弃用但将在下一个版本中删除。 CSS 类已更改。

有关如何使用 cdk 组件的更多信息，例如 table、overlay、portal、portal host，e.t.c，您可以在此处找到示例：

Answer 2

CDK（组件开发工具包）是一个独立的包。

CDK 的目标是为开发人员提供更多工具来构建出色的 Web 组件。这对于想要利用 Angular Material 的功能而不采用 Material 设计视觉语言的项目特别有用。

检查来自 Google 的 CDK

的 repo

https://github.com/angular/material2/tree/master/src/cdk

Answer 3

CDK => 组件开发包

它的主要目的是启用可扩展性，以便在其上创建自定义组件。

Answer 4

代表组件开发工具包。 CDK 允许您使用不依赖于 Angular Material 及其样式且完全独立的功能。只需导入 cdk，您就可以使用一些很棒的功能，包括拖放和虚拟滚动（我个人很喜欢）。查看文档 here.

What is `cdk` in Angular Material 2 components