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

108

在角形材料源中的多个位置，都有元素/ css类cdk作为其前缀。

有谁知道cdk在角材料上下文中的缩写？

angular-material2 angular-cdk

— Ashok Koyi
source

109

CDK是的缩写component dev kit。这表示这些是用于构建未与材料设计耦合的组件的通用工具

从material2更改日志

中的几个组件core/（例如Overlay）的前缀已更改为cdk-（“ component dev kit”的简称）。这表示这些工具是用于构建未与Material Design耦合的组件的通用工具。旧的选择器仍然不建议使用，但在下一个版本中将被删除。CSS类已更改。

有关如何使用cdk组件（如表格，覆盖图，门户网站，门户网站主机等）的更多信息，您可以在此处找到示例：

— Ashok Koyi
source

我还是不太明白。您是说CDK将成为Angular组件而不是材料的一部分吗？

— ctilley79'7

2

到目前为止，cdk代码位于物料库中。但是，material已经开始进行重构，cdk因此可以从npm中提取和使用cdk组件，而与材料无关。即使在重构之后，cdk代码也可能与材料并存，但是包装会有所不同。例如，新的材料组件（例如table扩展cdk表格）和对其应用样式，以使table的主题和大小与材料规格匹配。来源： github.com/angular/material2/tree/master/src/lib/table

— Ashok

1

本文有更多详细信息。CDK的组件可帮助您处理文本方向和加载微调框，无论您是否使用Material。 medium.com/@caroso1222/…–

— Mike_Laird

样品的更好来源是材料来源的演示应用程序。它具有针对cdk组件几乎所有用法的演示，包括overlayref，门户，portalhost，表等。

— Ashok Koyi

2

我认为material2团队在material.angular.io/cdk页面上发布关于“什么是CDK”的简短说明会很高兴

— happyZZR1400 '17

29

CDK（组件开发套件）是一个独立的软件包。

CDK的目标是为开发人员提供更多工具，以为网络构建出色的组件。这对于希望利用Angular Material功能而不采用Material Design可视语言的项目特别有用。

从Google检出CDK的仓库

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

— 迪帕克·斯温
source

谢谢！您的回答很有帮助！

— nitinsridar

4

CDK =>组件开发套件

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

— 杰根
source

1

代表组件开发套件。CDK允许您使用不依赖于Angular Material及其样式的功能，并且它们是完全独立的。您可以通过导入cdk来使用一些很棒的功能，例如拖放和虚拟滚动（我个人很喜欢）。在此处查看文档。

— Dilshan Liyanage
source