Qu'est-ce que `cdk` dans les composants Angular Material 2

109

À plusieurs endroits dans la source de matériau angulaire, il existe des éléments / classes css qui ont cdkcomme préfixe.

Est-ce que quelqu'un sait ce que signifie l'abréviation cdkdans un contexte matériel angulaire?

angular-material2 angular-cdk Ashok Koyi
la source

Réponses:

110

CDK est la forme courte de component dev kit. Cela signifie qu'il s'agit d'outils à usage général pour la construction de composants qui ne sont pas associés à la conception de matériaux.

À partir du journal des modifications de material2

  • Plusieurs composants dans core/, tels que Overlay, ont vu leur préfixe changé en cdk-(abréviation de «kit de développement de composants»). Cela signifie qu'il s'agit d'outils à usage général pour la construction de composants qui ne sont pas couplés à Material Design. Les anciens sélecteurs sont toujours disponibles comme obsolètes mais seront supprimés dans la prochaine version. Les classes CSS ont été modifiées.

Pour plus d'informations sur l'utilisation des composants cdk tels que la table, la superposition, le portail, l'hôte de portail, etc., vous pouvez trouver des exemples ici:

  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
la source
Je ne comprends toujours pas très bien. Êtes-vous en train de dire que les CDK seront des composants angulaires et non pas du matériel?
ctilley79
2
À partir de maintenant, le code cdk vit dans le référentiel matériel. Cependant, le materialrefactoring déjà commencé cdkafin que les composants cdk puissent être extraits et utilisés à partir de npm indépendamment du matériau. Même après refactorisation, le code cdk pourrait cohabiter avec le matériel, mais le packaging serait différent. Par exemple, un nouveau composant de matériau tel que tablele cdktableau étend et lui applique un style afin que le tablethème et la taille correspondent aux spécifications du matériau. Source: github.com/angular/material2/tree/master/src/lib/table
Ashok Koyi
1
Cet article contient plus de détails. CDK a des composants qui aident avec des choses comme la direction du texte et le chargement des flèches, que vous utilisiez ou non Material. medium.com/@caroso1222/…
Mike_Laird
Une meilleure source pour les échantillons va à l'application de démonstration de la source matérielle. Il propose des démos pour presque toutes les utilisations que vous pouvez faire avec les composants cdk, y compris overlayref, portal, portalhost, table, etc.
Ashok Koyi
2
Je pense que ce sera bien pour l'équipe de material2 de publier une brève explication sur 'qu'est-ce que CDK' sur la page material.angular.io/cdk
happyZZR1400
29

CDK (Component Development Kit) est un package autonome.

Le but du CDK est de donner aux développeurs plus d'outils pour créer des composants impressionnants pour le Web. Cela sera particulièrement utile pour les projets qui souhaitent tirer parti des fonctionnalités de Angular Material sans adopter le langage visuel Material Design.

Découvrez le repo de Google pour CDK

https://github.com/angular/material2/tree/master/src/cdk
Deepak Swain
la source
Merci! votre réponse a été utile!
nitinsridar
4

CDK => Kit de développement de composants

Son objectif principal est d'activer extensible afin de créer des composants personnalisés par-dessus.

Jegan
la source
1

Stands pour Component Dev Kit. Le CDK vous permet d'utiliser des fonctionnalités qui ne dépendent pas du matériau angulaire et de son style et est totalement indépendant. Certaines fonctionnalités impressionnantes que vous pouvez utiliser sont le glisser-déposer et le défilement virtuel (que j'aime personnellement) en important simplement le cdk. Consultez la documentation ici .

Dilshan Liyanage
la source