Cos'è `cdk` nei componenti Angular Material 2


108

In più punti all'interno di una sorgente di materiale angolare, ci sono elementi / classi css che hanno cdkcome prefisso.

Qualcuno sa cosa l'abbreviazione per cdknel contesto materiale angolare?

Risposte:


109

CDK è la forma abbreviata di component dev kit. Ciò significa che si tratta di strumenti generici per componenti di costruzione che non sono accoppiati a Material Design

Dal changelog di material2

  • Diversi componenti in core/, come Overlay, hanno avuto il loro prefisso cambiato in cdk-(abbreviazione di "component dev kit"). Ciò significa che si tratta di strumenti generici per la costruzione di componenti non accoppiati a Material Design. I vecchi selettori sono ancora disponibili come deprecati ma verranno rimossi nella prossima versione. Le classi CSS sono state modificate.

Per maggiori informazioni su come utilizzare i componenti cdk come tabella, overlay, portale, host del portale, ecc., Puoi trovare esempi qui:

  1. https://github.com/angular/material2/tree/master/src/demo-app
  2. https://medium.com/@caroso1222/a-first-look-into-the-angular-cdk-67e68807ed9b

Ancora non capisco bene. Stai dicendo che i CDK saranno componenti angolari e non parte del materiale?
ctilley79

2
A partire da ora, il codice cdk risiede all'interno del repository del materiale. Tuttavia, il materialrefactoring già avviato in cdkmodo che i componenti cdk possano essere estratti e utilizzati da npm indipendentemente dal materiale. Anche dopo il refactoring, il codice cdk potrebbe convivere con il materiale, ma la confezione sarebbe diversa. Ad esempio, un nuovo componente materiale come tableallunga la cdktabella e applica uno stile ad essi in modo che il tabletema e le dimensioni di corrispondano alle specifiche del materiale. Fonte: github.com/angular/material2/tree/master/src/lib/table
Ashok Koyi

1
Questo articolo contiene maggiori dettagli. CDK ha componenti che aiutano con cose come la direzione del testo e il caricamento dei filatori, indipendentemente dal fatto che tu stia utilizzando o meno Material. medium.com/@caroso1222/…
Mike_Laird

Una fonte migliore per i campioni sta andando all'app demo della fonte materiale. Ha demo per quasi tutti gli usi che puoi fare con i componenti cdk, inclusi overlayref, portal, portalhost, table e così via.
Ashok Koyi

2
Penso che sarà positivo per il team di material2 pubblicare una breve spiegazione su "cos'è CDK" sulla pagina material.angular.io/cdk
happyZZR1400

29

CDK (Component Development Kit) è un pacchetto autonomo.

L'obiettivo del CDK è fornire agli sviluppatori più strumenti per creare fantastici componenti per il web. Ciò sarà particolarmente utile per i progetti che vogliono sfruttare le caratteristiche di Angular Material senza adottare il linguaggio visivo di Material Design.

Controlla il repository di Google per CDK

https://github.com/angular/material2/tree/master/src/cdk

Grazie! la tua risposta è stata utile!
nitinsridar

4

CDK => Kit di sviluppo dei componenti

Il suo scopo principale è abilitare l'estensione in modo da creare componenti personalizzati sopra di essa.


1

Sta per Component Dev Kit. Il CDK consente di utilizzare funzionalità che non dipendono dal materiale angolare e dal suo stile ed è completamente indipendente. Alcune fantastiche funzionalità che puoi usare sono Drag and Drop e Virtual scrolling (che adoro personalmente) semplicemente importando il cdk. Controlla la documentazione qui .

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.