Angular Material 2 구성 요소의 'cdk'는 무엇입니까?


108

앵귤러 머티리얼 소스 내의 여러 위치에 cdk접두어로 있는 요소 / css 클래스가 있습니다 .

cdk각도 재료 컨텍스트에서 약어를 아는 사람이 있습니까?

답변:


109

CDK는 component dev kit. 이는 머티리얼 디자인과 결합되지 않은 구성 요소를 만들기위한 범용 도구임을 의미합니다.

로부터 Material2에 변경 로그

  • core/Overlay와 같은의 여러 구성 요소는 접두사가 cdk-( "구성 요소 개발 키트"의 줄임말)로 변경되었습니다 . 이는 머티리얼 디자인과 결합되지 않은 구성 요소를 빌드하기위한 범용 도구라는 것을 의미합니다. 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가 재료의 일부가 아닌 Angular 구성 요소가 될 것이라고 말하는 것입니까?
ctilley79

2
현재 cdk 코드는 material repo 안에 있습니다. 그러나 material이미 리팩토링을 시작 cdk하여 cdk 구성 요소를 재료에 관계없이 npm에서 가져와 사용할 수 있습니다. 리팩토링 후에도 cdk 코드는 머티리얼과 함께 존재할 수 있지만 패키징은 다릅니다. 예를 들어, 테이블 table확장 cdk및 스타일 적용 과 같은 새로운 재료 구성 요소 는 table의 테마 및 크기가 재료 사양과 일치 하도록합니다 . 출처 : github.com/angular/material2/tree/master/src/lib/table
쇼크 Koyi

1
이 기사에는 자세한 내용이 있습니다. CDK에는 머티리얼 사용 여부에 관계없이 텍스트 방향 및 로딩 스피너와 같은 작업에 도움이되는 구성 요소가 있습니다. medium.com/@caroso1222/…
Mike_Laird

샘플에 대한 더 나은 소스는 재료 소스의 데모 앱으로 이동하는 것입니다. overlayref, 포털, 포털 호스트, 테이블 등을 포함하여 cdk 구성 요소로 수행 할 수있는 거의 모든 용도에 대한 데모가 있습니다.
쇼크 Koyi

2
나는에 'CDK은 무엇인가'에 대한 간단한 설명 게시 Material2에 팀을위한 좋은 것이라고 생각 material.angular.io/cdk의 페이지
happyZZR1400

29

CDK (Component Development Kit)는 독립형 패키지입니다.

CDK의 목표는 개발자에게 웹용 멋진 구성 요소를 구축 할 수있는 더 많은 도구를 제공하는 것입니다. 이는 머티리얼 디자인 비주얼 언어를 채택하지 않고 Angular 머티리얼의 기능을 활용하려는 프로젝트에 특히 유용합니다.

Google에서 CDK 용 저장소 확인

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

감사! 귀하의 답변이 도움이되었습니다!
nitinsridar

4

CDK => 구성 요소 개발 키트

주요 목적은 확장 성을 활성화하여 그 위에 사용자 지정 구성 요소를 만드는 것입니다.


1

Component Dev Kit의 약자입니다. CDK를 사용하면 Angular Material과 그 스타일에 의존하지 않고 완전히 독립적 인 기능을 사용할 수 있습니다. 사용할 수있는 몇 가지 멋진 기능은 cdk를 가져 와서 드래그 앤 드롭 및 가상 스크롤 (제가 개인적으로 좋아하는)입니다. 여기 에서 설명서를 확인 하십시오 .

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.