`Cdk` trong thành phần Angular Material 2 là gì

108

Ở nhiều nơi trong nguồn vật liệu góc, có các phần tử / lớp css có cdktiền tố của chúng.

Có ai biết những gì viết tắt của cdktrong bối cảnh vật liệu góc cạnh?

angular-material2 angular-cdk

— Ashok Koyi
nguồn

109

CDK là dạng rút gọn của component dev kit. Điều này cho thấy đây là những công cụ có mục đích chung để xây dựng các thành phần không được kết hợp với Material Design

From the material2 changelog

Một số thành phần trong core/, chẳng hạn như Overlay, đã được thay đổi tiền tố của chúng thành cdk-(viết tắt của "component dev kit"). Điều này cho thấy đây là những công cụ có mục đích chung để xây dựng các thành phần không được kết hợp với Material Design. Các bộ chọn cũ vẫn có sẵn như không được dùng nữa nhưng sẽ bị loại bỏ trong bản phát hành tiếp theo. Các lớp CSS đã được thay đổi.

Để biết thêm thông tin về cách sử dụng các thành phần cdk như bảng, lớp phủ, cổng thông tin, máy chủ lưu trữ cổng thông tin, v.v., bạn có thể tìm thấy các ví dụ ở đây:

— Ashok Koyi
nguồn

Tôi vẫn chưa hiểu lắm. Bạn đang nói CDK sẽ là các thành phần Angular chứ không phải là một phần của vật liệu?

— ctilley79

2

Hiện tại, mã cdk nằm trong kho vật liệu. Tuy nhiên, quá trình materialtái cấu trúc đã bắt đầu cdkđể các thành phần cdk có thể được kéo và sử dụng từ npm độc lập với vật liệu. Ngay cả sau khi tái cấu trúc, mã cdk có thể tồn tại cùng với vật liệu, nhưng cách đóng gói sẽ khác. Ví dụ: thành phần vật liệu mới như tablemở rộng cdkbảng & áp dụng kiểu cho chúng để tablechủ đề và kích thước của phù hợp với thông số vật liệu. Nguồn: github.com/angular/material2/tree/master/src/lib/table

— Ashok Koyi

1

Bài viết này có nhiều chi tiết hơn. CDK có các thành phần trợ giúp những thứ như hướng văn bản và trình quay tải, cho dù bạn có đang sử dụng Material hay không. medium.com/@caroso1222/…

— Mike_Laird

Một nguồn tốt hơn cho các mẫu là ứng dụng demo của nguồn nguyên liệu. Nó có các bản demo cho hầu hết mọi cách sử dụng mà bạn có thể thực hiện với các thành phần cdk, bao gồm overlayref, portal, portalhost, table, v.v.

— Ashok Koyi

2

Tôi nghĩ rằng nó sẽ tốt cho đội material2 công bố giải thích ngắn gọn về 'CDK là gì' trên material.angular.io/cdk trang

— happyZZR1400

29

CDK (Bộ phát triển thành phần) là một gói độc lập.

Mục tiêu của CDK là cung cấp cho các nhà phát triển nhiều công cụ hơn để xây dựng các thành phần tuyệt vời cho web. Điều này sẽ đặc biệt hữu ích cho các dự án muốn tận dụng các tính năng của Angular Material mà không sử dụng ngôn ngữ hình ảnh Material Design.

Kiểm tra repo từ Google cho CDK

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

— Deepak swain
nguồn

Cảm ơn! câu trả lời của bạn rất hữu ích!

— nitinsridar 12/03/18

4

CDK => Bộ phát triển thành phần

Mục đích chính của nó là cho phép có thể mở rộng để tạo các thành phần tùy chỉnh trên đó.

— Jegan
nguồn

1

Viết tắt của Component Dev Kit. CDK cho phép bạn sử dụng các tính năng không phụ thuộc vào Angular Material và kiểu dáng của nó và hoàn toàn độc lập. Một số tính năng tuyệt vời mà bạn có thể sử dụng là Kéo và Thả và Cuộn ảo (mà cá nhân tôi yêu thích) chỉ bằng cách nhập cdk. Kiểm tra tài liệu tại đây .

— Dilshan Liyanage
nguồn