Apa itu `cdk` dalam komponen Angular Material 2

108

Di banyak tempat dalam sumber material bersudut, ada kelas elemen / css yang memiliki cdkawalannya.

Adakah yang tahu apa singkatan dari cdksudut material konteks?

Ashok Koyi
sumber

Jawaban:

109

CDK adalah kependekan dari component dev kit. Ini menandakan bahwa ini adalah alat serba guna untuk komponen bangunan yang tidak digabungkan dengan Desain Material

Dari log perubahan material2

  • Beberapa komponen di core/, seperti Overlay, telah diubah awalannya menjadi cdk-(kependekan dari "component dev kit"). Ini menandakan bahwa ini adalah alat serba guna untuk komponen bangunan yang tidak digabungkan dengan Desain Material. Selektor lama masih tersedia karena sudah usang tetapi akan dihapus di rilis berikutnya. Kelas CSS telah diubah.

Untuk info lebih lanjut tentang cara menggunakan komponen cdk seperti table, overlay, portal, portal host, dll, Anda dapat menemukan contohnya di sini:

  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
sumber
Saya masih belum mengerti. Apakah Anda mengatakan CDK akan menjadi komponen Sudut dan bukan bagian dari material?
ctilley79
2
Saat ini, kode cdk berada di dalam material repo. Namun, pemfaktoran ulang materialsudah dimulai cdksehingga komponen cdk dapat ditarik & digunakan dari npm terlepas dari material. Bahkan setelah pemfaktoran ulang, kode cdk mungkin hidup berdampingan dengan materi, tetapi pengemasannya akan berbeda. Misalnya, komponen material baru seperti tabel yang tablediperluas cdk& terapkan gaya padanya sehingga tabletema & ukurannya cocok dengan spesifikasi material. Sumber: github.com/angular/material2/tree/master/src/lib/table
Ashok Koyi
1
Artikel ini memiliki detail lebih lanjut. CDK memiliki komponen yang membantu dengan hal-hal seperti arah teks dan pemintal pemuatan, baik Anda menggunakan Material maupun tidak. medium.com/@caroso1222/…
Mike_Laird
Sumber yang lebih baik untuk sampel adalah di aplikasi demo sumber material. Ini memiliki demo untuk hampir setiap penggunaan yang dapat Anda lakukan dengan komponen cdk, termasuk overlayref, portal, portalhost, tabel, dan sebagainya.
Ashok Koyi
2
Saya pikir akan lebih baik bagi tim material2 untuk mempublikasikan penjelasan singkat tentang 'apa itu CDK' di halaman material.angular.io/cdk
happyZZR1400
29

CDK (Component Development Kit) adalah paket mandiri.

Tujuan dari CDK adalah memberikan lebih banyak alat kepada pengembang untuk membuat komponen yang mengagumkan untuk web. Ini akan sangat berguna untuk project yang ingin memanfaatkan fitur Angular Material tanpa mengadopsi bahasa visual Desain Material.

Lihat repo dari Google untuk CDK

https://github.com/angular/material2/tree/master/src/cdk
Deepak swain
sumber
Terima kasih! jawaban Anda sangat membantu!
nitinsridar
4

CDK => Kit Pengembangan Komponen

Tujuan utamanya adalah untuk mengaktifkan extensible sehingga dapat membuat komponen kustom di atasnya.

Jegan
sumber
1

Singkatan dari Component Dev Kit. CDK memungkinkan Anda untuk menggunakan fitur yang tidak bergantung pada Material Angular dan gayanya serta sepenuhnya independen. Beberapa fitur mengagumkan yang dapat Anda gunakan adalah Drag and Drop dan Virtual scrolling (yang saya suka secara pribadi) hanya dengan mengimpor cdk. Lihat dokumentasinya di sini .

Dilshan Liyanage
sumber