Was ist "cdk" in Angular Material 2-Komponenten?

108

An mehreren Stellen innerhalb der Winkelmaterialquelle gibt es Elemente / CSS-Klassen, cdkderen Präfix verwendet wird.

Weiß jemand, wofür die Abkürzung cdkim eckigen Materialkontext steht?

Ashok Koyi
quelle

Antworten:

109

CDK ist die Kurzform von component dev kit. Dies bedeutet, dass dies Allzweckwerkzeuge für Bauteile sind, die nicht an Material Design gekoppelt sind

Aus dem material2 Changelog

  • Bei einigen Komponenten in core/, z. B. Overlay, wurde das Präfix geändert cdk-(kurz für "Komponentenentwicklungskit"). Dies bedeutet, dass dies Allzweckwerkzeuge für Bauteile sind, die nicht an Material Design gekoppelt sind. Die alten Selektoren sind weiterhin als veraltet verfügbar, werden jedoch in der nächsten Version entfernt. Die CSS-Klassen wurden geändert.

Weitere Informationen zur Verwendung von CDK-Komponenten wie Tabelle, Overlay, Portal, Portalhost usw. finden Sie hier:

  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
quelle
Ich verstehe es immer noch nicht ganz. Wollen Sie damit sagen, dass CDK Angular-Komponenten sind und nicht Teil des Materials?
Ctilley79
2
CDK-Code befindet sich ab sofort im Material Repo. Das materialbereits begonnene Refactoring, cdkdamit CDK-Komponenten unabhängig vom Material von npm gezogen und verwendet werden können. Auch nach dem Refactoring kann CDK-Code neben Material leben, aber die Verpackung wäre anders. Zum Beispiel neue Materialkomponenten wie das tableErweitern der cdkTabelle und das Anwenden des Stils auf sie, sodass das tableThema und die Größe des Materials mit den Materialspezifikationen übereinstimmen. Quelle: github.com/angular/material2/tree/master/src/lib/table
Ashok Koyi
1
Dieser Artikel enthält weitere Details. CDK verfügt über Komponenten, die beispielsweise bei der Textrichtung und beim Laden von Spinnern hilfreich sind, unabhängig davon, ob Sie Material verwenden oder nicht. medium.com/@caroso1222/…
Mike_Laird
Eine bessere Quelle für die Beispiele ist die Demo-App der Materialquelle. Es enthält Demos für fast jede Verwendung, die Sie mit CDK-Komponenten ausführen können, einschließlich Overlayref, Portal, Portalhost, Tabelle usw.
Ashok Koyi
2
Ich denke, es wird gut für das material2-Team sein, eine kurze Erklärung über 'Was ist CDK
?
29

CDK (Component Development Kit) ist ein eigenständiges Paket.

Das Ziel des CDK ist es, Entwicklern mehr Tools zur Verfügung zu stellen, mit denen sie großartige Komponenten für das Web erstellen können. Dies ist besonders nützlich für Projekte, die die Funktionen von Angular Material nutzen möchten, ohne die visuelle Sprache Material Design zu übernehmen.

Kasse das Repo von Google für CDK

https://github.com/angular/material2/tree/master/src/cdk
Deepak Swain
quelle
Vielen Dank! Ihre Antwort war hilfreich!
Nitinsridar
4

CDK => Komponentenentwicklungskit

Der Hauptzweck besteht darin, erweiterbar zu aktivieren, um darüber hinaus benutzerdefinierte Komponenten zu erstellen.

Jegan S.
quelle
1

Steht für Component Dev Kit. Mit dem CDK können Sie Funktionen verwenden, die nicht von Angular Material und dessen Design abhängen und völlig unabhängig sind. Einige großartige Funktionen, die Sie verwenden können, sind Drag & Drop und virtuelles Scrollen (was ich persönlich liebe), indem Sie einfach das CDK importieren. Überprüfen Sie die Dokumentation hier .

Dilshan Liyanage
quelle