Co to jest `cdk` w komponentach Angular Material 2

109

W wielu miejscach w źródle materiałów kątowych istnieją elementy / klasy css, które mają cdkprzedrostek.

Czy ktoś wie, jaki jest skrót cdkw kontekście materiału kątowego?

Ashok Koyi
źródło

Odpowiedzi:

110

CDK to krótka forma component dev kit. Oznacza to, że są to narzędzia ogólnego przeznaczenia do budowania komponentów, które nie są połączone z Material Design

Z listy zmian material2

  • core/Przedrostek kilku komponentów , takich jak Overlay, został zmieniony na cdk-(skrót od „zestaw narzędzi do tworzenia komponentów”). Oznacza to, że są to narzędzia ogólnego przeznaczenia do tworzenia komponentów, które nie są połączone z Material Design. Stare selektory są nadal dostępne jako przestarzałe, ale zostaną usunięte w następnej wersji. Klasy CSS zostały zmienione.

Aby uzyskać więcej informacji na temat korzystania z komponentów CDK, takich jak tabela, nakładka, portal, host portalu itp., Przykłady można znaleźć tutaj:

  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
źródło
Nadal nie do końca rozumiem. Czy mówisz, że CDK będzie komponentami Angular, a nie częścią materiału?
ctilley79
2
Obecnie kod cdk znajduje się w repozytorium materiałów. Jednak materialjuż rozpoczęto refaktoryzację, cdkaby komponenty cdk mogły być pobierane i używane z npm niezależnie od materiału. Nawet po refaktoryzacji kod cdk może istnieć obok materiału, ale opakowanie byłoby inne. Na przykład, nowy komponent materiałowy, taki jak tablerozszerzenie cdktabeli i nadanie im stylu, aby tablemotyw i rozmiar były zgodne ze specyfikacją materiału. Źródło: github.com/angular/material2/tree/master/src/lib/table
Ashok Koyi,
1
Ten artykuł zawiera więcej szczegółów. CDK zawiera komponenty, które pomagają w takich kwestiach, jak kierunek tekstu i ładowanie spinnerów, niezależnie od tego, czy używasz materiału. medium.com/@caroso1222/…
Mike_Laird
Lepszym źródłem próbek jest aplikacja demonstracyjna źródła materiału. Zawiera wersje demonstracyjne do prawie każdego zastosowania, które można wykonać z komponentami cdk, w tym overlayref, portal, portalhost, table i tak dalej.
Ashok Koyi
2
Myślę, że zespół material2 dobrze będzie opublikować krótkie wyjaśnienie
``
29

CDK (Component Development Kit) to samodzielny pakiet.

Celem CDK jest zapewnienie programistom więcej narzędzi do tworzenia niesamowitych komponentów dla sieci. Będzie to szczególnie przydatne w przypadku projektów, które chcą skorzystać z funkcji Angular Material bez przyjmowania języka wizualnego Material Design.

Sprawdź repozytorium od Google dla CDK

https://github.com/angular/material2/tree/master/src/cdk
Deepak Swain
źródło
Dzięki! Twoja odpowiedź była pomocna!
nitinsridar
4

CDK => Component Development Kit

Jego głównym celem jest umożliwienie rozszerzania, aby można było na nim tworzyć niestandardowe komponenty.

Jegan
źródło
1

Stojaki na zestaw deweloperski komponentów. CDK umożliwia korzystanie z funkcji niezależnych od Angular Material i jego stylizacji i jest w pełni niezależne. Niektóre niesamowite funkcje, których możesz użyć, to przeciągnij i upuść oraz wirtualne przewijanie (co osobiście uwielbiam), po prostu importując cdk. Sprawdź dokumentację tutaj .

Dilshan Liyanage
źródło