Angular Material 2 bileşenlerinde "cdk" nedir

109

Açısal malzeme kaynağı içinde birden çok yerde cdk, ön ekleri olan öğeler / css sınıfları vardır .

cdkAçısal malzeme bağlamında kısaltmanın ne anlama geldiğini bilen var mı ?

angular-material2 angular-cdk

— Ashok Koyi
kaynak

110

CDK, component dev kit . Bu, bunların Materyal Tasarım ile bağlantılı olmayan bileşenler oluşturmak için genel amaçlı araçlar olduğunu gösterir.

Gönderen materyal 2 değişmek

core/Overlay gibi içindeki bazı bileşenlerin ön ekleri cdk-("bileşen geliştirme kiti" nin kısaltması) olarak değiştirildi. Bu, bunların Materyal Tasarım ile bağlantılı olmayan bileşenler oluşturmak için genel amaçlı araçlar olduğunu gösterir.Eski seçiciler, kullanımdan kaldırılmış olarak hala mevcuttur ancak bir sonraki sürümde kaldırılacaktır. CSS sınıfları değiştirildi.

Tablo, yer paylaşımı, portal, portal ana bilgisayarı vb. Gibi cdk bileşenlerinin nasıl kullanılacağı hakkında daha fazla bilgi için burada örnekler bulabilirsiniz:

— Ashok Koyi
kaynak

Hala tam olarak anlamıyorum. CDK'nın malzemenin bir parçası değil, Açısal bileşenler olacağını mı söylüyorsunuz?

— ctilley79

2

Şu an itibariyle cdk kodu malzeme deposunda yaşıyor. Bununla birlikte, cdk bileşenlerinin materyalden bağımsız olarak npm'den çekilip kullanılabilmesi için materialzaten başlatılan yeniden düzenleme cdk. Yeniden düzenlemeden sonra bile, cdk kodu materyalin yanında yaşayabilir, ancak paketleme farklı olacaktır. Örneğin, yeni malzeme bileşeni table, cdktabloyu genişletir ve onlara stil uygular, böylece tableteması ve boyutu malzeme özellikleriyle eşleşir. Kaynak: github.com/angular/material2/tree/master/src/lib/table

— Ashok Koyi

1

Bu makale daha fazla ayrıntı içermektedir. CDK, Materyal kullanıyor olsanız da olmasanız da, metin yönü ve yükleme çarkı gibi şeylere yardımcı olan bileşenlere sahiptir. medium.com/@caroso1222/…

— Mike_Laird

Örnekler için daha iyi bir kaynak, malzeme kaynağının demo uygulamasına gitmektir. Overlayref, portal, portalhost, table vb. Dahil olmak üzere cdk bileşenleriyle yapabileceğiniz hemen hemen her kullanım için demoları vardır.

— Ashok Koyi

2

— Material2 ekibinin

29

CDK (Bileşen Geliştirme Kiti) bağımsız bir pakettir.

CDK'nın amacı, geliştiricilere web için harika bileşenler oluşturmaları için daha fazla araç sağlamaktır. Bu özellikle Material Design görsel dilini benimsemeden Angular Material'in özelliklerinden yararlanmak isteyen projeler için faydalı olacaktır.

CDK için Google'dan depoyu kontrol edin

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

— Deepak Swain
kaynak

Teşekkürler! cevabınız yardımcı oldu!

— nitinsridar

4

CDK => Bileşen Geliştirme Kiti

Temel amacı, üzerine özel bileşenler oluşturmak için genişletilebilirliği etkinleştirmektir.

— Jegan
kaynak

1

Bileşen Geliştirme Kiti anlamına gelir. CDK, Açısal Malzemeye ve stiline bağlı olmayan ve tamamen bağımsız özellikleri kullanmanıza izin verir. Sadece cdk'yi içe aktararak kullanabileceğiniz bazı harika özellikler Sürükle ve Bırak ve Sanal kaydırmadır (kişisel olarak sevdiğim). Belgelere buradan göz atın .

— Dilshan Liyanage
kaynak