O que é `cdk` nos componentes do Angular Material 2

108

Em vários locais dentro da fonte de material angular, existem elementos / classes css que têm cdkcomo prefixo.

Alguém sabe qual é a abreviatura de cdkno contexto material angular?

Ashok Koyi
fonte

Respostas:

109

CDK é a forma abreviada de component dev kit. Isso significa que essas são ferramentas de uso geral para a construção de componentes que não estão acoplados ao Material Design

Do changelog material2

  • Vários componentes em core/, como Overlay, tiveram seu prefixo alterado para cdk-(abreviação de "component dev kit"). Isso significa que essas são ferramentas de uso geral para a construção de componentes que não são acoplados ao Material Design. Os seletores antigos ainda estão disponíveis como obsoletos, mas serão removidos na próxima versão. As classes CSS foram alteradas.

Para obter mais informações sobre como usar componentes cdk, como tabela, sobreposição, portal, host de portal, etc, você pode encontrar exemplos aqui:

  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
fonte
Ainda não entendo muito bem. Você está dizendo que o CDK será um componente angular e não parte do material?
ctilley79
2
A partir de agora, o código cdk vive dentro do repositório de materiais. No entanto, a materialrefatoração já começou cdkpara que os componentes do cdk possam ser retirados e usados ​​do npm independentemente do material. Mesmo após a refatoração, o código cdk pode viver ao lado do material, mas a embalagem seria diferente. Por exemplo, novo componente de material, como tableestende a cdkmesa e aplica estilo a eles de forma que o tabletema e o tamanho do material correspondam às especificações do material. Fonte: github.com/angular/material2/tree/master/src/lib/table
Ashok Koyi
1
Este artigo tem mais detalhes. O CDK tem componentes que ajudam com coisas como direção de texto e botões giratórios de carregamento, esteja você usando Material ou não. medium.com/@caroso1222/…
Mike_Laird
Uma fonte melhor para as amostras está indo para o aplicativo de demonstração da fonte do material. Ele tem demonstrações para quase todos os usos que você pode fazer com os componentes cdk, incluindo overlayref, portal, portalhost, table e assim por diante.
Ashok Koyi
2
Eu acho que será bom para a equipe do material2 publicar uma breve explicação sobre 'o que é o CDK' na página material.angular.io/cdk
happyZZR1400
29

CDK (Component Development Kit) é um pacote autônomo.

O objetivo do CDK é fornecer aos desenvolvedores mais ferramentas para construir componentes incríveis para a web. Isso será especialmente útil para projetos que desejam aproveitar as vantagens dos recursos do Angular Material sem adotar a linguagem visual do Material Design.

Verifique o repositório do Google para CDK

https://github.com/angular/material2/tree/master/src/cdk
Deepak Swain
fonte
Obrigado! sua resposta foi útil!
nitinsridar
4

CDK => Kit de Desenvolvimento de Componente

Seu objetivo principal é habilitar o extensível para criar componentes personalizados em cima dele.

Jegan S
fonte
1

Significa o Kit de Desenvolvimento de Componentes. O CDK permite que você use recursos que não dependem do material angular e de seu estilo e é totalmente independente. Alguns recursos incríveis que você pode usar são arrastar e soltar e rolagem virtual (que eu amo pessoalmente) apenas importando o cdk. Verifique a documentação aqui .

Dilshan Liyanage
fonte