¿Qué es `cdk` en los componentes de Angular Material 2

108

En varios lugares dentro de la fuente de material angular, hay elementos / clases css que tienen cdkcomo prefijo.

¿Alguien sabe cuál es la abreviatura de cdk en el contexto de material angular?

angular-material2 angular-cdk Ashok Koyi
fuente

Respuestas:

109

CDK es la forma corta de component dev kit . Esto significa que se trata de herramientas de uso general para la construcción de componentes que no están acoplados a Material Design.

Del registro de cambios de material2

  • Varios componentes de core/, como Overlay, han cambiado su prefijo a cdk-(abreviatura de "kit de desarrollo de componentes"). Esto significa que se trata de herramientas de uso general para la construcción de componentes que no están acoplados a Material Design. Los selectores antiguos todavía están disponibles como obsoletos, pero se eliminarán en la próxima versión. Se han cambiado las clases de CSS.

Para obtener más información sobre cómo utilizar componentes de cdk como tablas, superposiciones, portal, host del portal, etc., puede encontrar ejemplos aquí:

  1. https://github.com/angular/material2/tree/master/src/demo-app
  2. https://medium.com/@caroso1222/a-first-look-into-the-angular-cdk-67e68807ed9b
Ashok Koyi
fuente
Todavía no lo entiendo del todo. ¿Estás diciendo que CDK serán componentes angulares y no parte del material?
ctilley79
2
A partir de ahora, el código cdk vive dentro del repositorio de material. Sin embargo, materialya se comenzó a refactorizar cdkpara que los componentes de cdk puedan extraerse y usarse desde npm independientemente del material. Incluso después de la refactorización, el código cdk podría convivir con el material, pero el empaque sería diferente. Por ejemplo, un nuevo componente de material como tableextender la cdktabla y aplicarles estilo para que el tabletema y el tamaño coincidan con las especificaciones del material. Fuente: github.com/angular/material2/tree/master/src/lib/table
Ashok Koyi
1
Este artículo tiene más detalles. CDK tiene componentes que ayudan con cosas como la dirección del texto y la carga de controles giratorios, ya sea que esté utilizando Material o no. medium.com/@caroso1222/…
Mike_Laird
Una mejor fuente para las muestras es la aplicación de demostración de la fuente del material. Tiene demostraciones para casi todos los usos que puede hacer con componentes de cdk, incluidos overlayref, portal, portalhost, table, etc.
Ashok Koyi
2
Creo que será bueno que el equipo de material2 publique una breve explicación sobre 'qué es CDK' en la página material.angular.io/cdk
happyZZR1400
29

CDK (Kit de desarrollo de componentes) es un paquete independiente.

El objetivo de la CDK es brindar a los desarrolladores más herramientas para crear componentes increíbles para la web. Esto será especialmente útil para proyectos que quieran aprovechar las características de Angular Material sin adoptar el lenguaje visual de Material Design.

Verifique el repositorio de Google para CDK

https://github.com/angular/material2/tree/master/src/cdk
Deepak Swain
fuente
¡Gracias! ¡Tu respuesta fue útil!
nitinsridar
4

CDK => Kit de desarrollo de componentes

Su propósito principal es habilitar extensible para crear componentes personalizados sobre él.

Jegan
fuente
1

Significa Component Dev Kit. El CDK le permite utilizar funciones que no dependen de Angular Material y su estilo y es totalmente independiente. Algunas características increíbles que puede usar son Arrastrar y soltar y Desplazamiento virtual (que me encanta personalmente) con solo importar el cdk. Consulte la documentación aquí .

Dilshan Liyanage
fuente