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

Ash*_*oyi 104 angular-material2 angular-cdk

在角度材质源中的多个位置,有元素/ css类cdk作为其前缀.

有谁知道cdk角度材料上下文中的缩写?

Ash*_*oyi 107

CDK是简称component dev kit.这表示这些是用于构建未与Material Design耦合的组件的通用工具

来自material2 changelog

  • 其中的几个组件core/(例如Overlay)已将其前缀更改为cdk-("组件开发工具包"的缩写).这表示这些是用于构建未与Material Design耦合的组件的通用工具.旧的选择器仍可以弃用,但将在下一版本中删除.CSS类已更改.

有关如何使用cdk组件(如表,覆盖,门户,门户主机等)的更多信息,可以在此处找到示例:

  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”,因此cdk组件可以独立于材料从npm中提取和​​使用。即使在重构之后,cdk代码也可能与材料并存,但是包装会有所不同。例如,新的材料组件(如table)扩展了cdk table并对其应用样式,以使table的主题和大小与材料规格匹配。来源:https://github.com/angular/material2/tree/master/src/lib/table (2认同)
  • 我认为material2团队在https://material.angular.io/cdk/页面上发布关于'什么是CDK'的简短解释会很好 (2认同)

Dee*_*ain 27

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

CDK的目标是为开发人员提供更多工具来为Web构建出色的组件.这对于想要在不采用Material Design可视语言的情况下利用Angular Material功能的项目特别有用.

查看Google for CDK的回购

https://github.com/angular/material2/tree/master/src/cdk
Run Code Online (Sandbox Code Playgroud)


小智 5

CDK => 组件开发套件

它的主要目的是实现可扩展,以便在其之上创建自定义组件。