What is `cdk` in Angular Material 2 components

In multiple places within angular material source, there are elements/ css classes that have cdk as their prefix.

Does anyone know what the abbreviation for cdk in angular material context?

36980 次浏览

CDK 是 component dev kit的缩写形式,这意味着它们是用于构建的通用工具 与材料设计无关的组件

来自 材料2变更日志

  • core/中的几个组件(如 Overlay)的前缀已更改为 cdk-(短语) 这意味着这些工具是用于构建 与材料设计无关的组件。旧的选择器仍然 已经过时,但将在下一个版本中删除。 CSS 类已经更改。

要了解更多关于如何使用 cdk 组件的信息,例如 table、 overlay、 Portal、 Portal host、 e.t.c,您可以在这里找到示例:

  1. Https://github.com/angular/material2/tree/master/src/demo-app
  2. Https://medium.com/@caroso1222/a-first-look-into-the-angular-cdk-67e68807ed9b

CDK (组件开发工具包)是一个独立的包。

CDK 的目标是给开发人员提供更多的工具来为 Web 构建令人敬畏的组件。这将是特别有用的项目,希望利用角材料的特点,而不采用材料设计的视觉语言。

检查从谷歌回购 CDK

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

组件开发工具包

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

代表组件开发工具包。CDK 允许你使用不依赖于角度材质及其样式的特性,并且是完全独立的。通过导入 cdk,您可以使用拖放和虚拟滚动(我个人非常喜欢)等一些非常棒的特性。看看这些文件 here.