"cdk" ในส่วนประกอบ Angular Material 2 คืออะไร


109

ในหลาย ๆ ตำแหน่งภายในแหล่งวัสดุเชิงมุมมีองค์ประกอบ / คลาส css ที่cdkเป็นคำนำหน้า

มีใครรู้บ้างว่าคำย่อcdkในบริบทวัสดุเชิงมุมคืออะไร?

คำตอบ:


110

CDK เป็นรูปแบบย่อของcomponent dev kit. นี่หมายความว่าเครื่องมือเหล่านี้เป็นเครื่องมือวัตถุประสงค์ทั่วไปสำหรับการสร้างส่วนประกอบที่ไม่ได้อยู่คู่กับดีไซน์ Material

จากบันทึกการเปลี่ยนแปลง material2

  • ส่วนประกอบหลายอย่างในcore/เช่น Overlay มีการเปลี่ยนคำนำหน้าเป็นcdk-(ย่อมาจาก "component dev kit") นี่หมายความว่าเครื่องมือเหล่านี้เป็นเครื่องมือที่ใช้งานทั่วไปสำหรับการสร้างส่วนประกอบที่ไม่ได้อยู่คู่กับดีไซน์ Material ตัวเลือกเก่ายังคงพร้อมใช้งานเนื่องจากเลิกใช้งานแล้ว แต่จะถูกลบออกในรุ่นถัดไป เปลี่ยนคลาส CSS แล้ว

สำหรับข้อมูลเพิ่มเติมเกี่ยวกับวิธีใช้คอมโพเนนต์ cdk เช่นตารางโอเวอร์เลย์พอร์ทัลโฮสต์พอร์ทัล ฯลฯ คุณสามารถดูตัวอย่างได้ที่นี่:

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

ฉันยังไม่ค่อยเข้าใจ คุณกำลังบอกว่า CDK เป็นส่วนประกอบเชิงมุมไม่ใช่ส่วนหนึ่งของวัสดุใช่หรือไม่?
ctilley79

2
ณ ตอนนี้รหัส cdk อยู่ในที่เก็บวัสดุ อย่างไรก็ตามการปรับโครงสร้างmaterialเริ่มต้นไปแล้วcdkเพื่อให้สามารถดึงและใช้ส่วนประกอบ cdk จาก npm โดยไม่ขึ้นกับวัสดุ แม้ว่าจะทำการปรับโครงสร้างใหม่แล้วรหัส cdk อาจอยู่ข้างวัสดุ แต่บรรจุภัณฑ์จะแตกต่างกัน ตัวอย่างเช่นส่วนประกอบวัสดุใหม่เช่นtableขยายcdkตารางและใช้รูปแบบเพื่อให้tableธีมและขนาดตรงกับข้อมูลจำเพาะของวัสดุ ที่มา: github.com/angular/material2/tree/master/src/lib/table
Ashok Koyi

1
บทความนี้มีรายละเอียดเพิ่มเติม CDK มีส่วนประกอบที่ช่วยในเรื่องต่างๆเช่นทิศทางข้อความและตัวหมุนโหลดไม่ว่าคุณจะใช้ Material หรือไม่ก็ตาม medium.com/@caroso1222/…
Mike_Laird

แหล่งที่มาที่ดีกว่าสำหรับตัวอย่างคือไปที่แอปสาธิตแหล่งวัสดุ มันมีการสาธิตสำหรับการใช้งานเกือบทุกอย่างที่คุณสามารถทำได้กับคอมโพเนนต์ cdk รวมถึงโอเวอร์เลย์เอฟพอร์ทัลพอร์ทัลโฮสต์ตารางและอื่น ๆ
Ashok Koyi

2
ฉันคิดว่ามันจะเป็นการดีที่ทีมงาน material2 จะเผยแพร่คำอธิบายสั้น ๆ เกี่ยวกับ 'CDK คืออะไร' ในเพจmaterial.angular.io/cdk
happyZZR1400

29

CDK (Component Development Kit) เป็นแพ็คเกจแบบสแตนด์อโลน

เป้าหมายของ CDK คือให้นักพัฒนามีเครื่องมือมากขึ้นในการสร้างส่วนประกอบที่ยอดเยี่ยมสำหรับเว็บ สิ่งนี้จะเป็นประโยชน์อย่างยิ่งสำหรับโครงการที่ต้องการใช้ประโยชน์จากคุณสมบัติของ Angular Material โดยไม่ต้องใช้ภาษาภาพของดีไซน์ Material

ชำระเงิน repo จาก Google สำหรับ CDK

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

ขอบคุณ! คำตอบของคุณมีประโยชน์!
nitinsridar

4

CDK => ชุดพัฒนาส่วนประกอบ

จุดประสงค์หลักคือการเปิดใช้งานการขยายเพื่อสร้างส่วนประกอบที่กำหนดเองด้านบน


1

ย่อมาจาก Component Dev Kit CDK ช่วยให้คุณใช้คุณสมบัติที่ไม่ขึ้นอยู่กับ Angular Material และรูปแบบและเป็นอิสระอย่างเต็มที่ คุณสมบัติที่ยอดเยี่ยมบางอย่างที่คุณสามารถใช้ได้คือ Drag and Drop และ Virtual scrolling (ซึ่งฉันชอบเป็นการส่วนตัว) เพียงแค่นำเข้า cdk ตรวจสอบเอกสารจาก ที่นี่

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.