Что такое cdk в компонентах Angular Material 2

109

Во многих местах в источнике материала angular есть классы elements / css, которые имеют cdkпрефикс.

Кто-нибудь знает, что такое аббревиатура cdkв угловом материальном контексте?

angular-material2 angular-cdk Ашок Койи
источник

Ответы:

110

CDK - это краткая форма от component dev kit. Это означает, что это инструменты общего назначения для создания компонентов, не связанных с Material Design.

Из журнала изменений material2

  • core/Префикс некоторых компонентов , таких как Overlay, был изменен на cdk-(сокращение от «component dev kit»). Это означает, что это инструменты общего назначения для создания компонентов, не связанных с Material Design. Старые селекторы по-прежнему доступны как устаревшие, но будут удалены в следующем выпуске. Были изменены классы 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уже начат рефакторинг, cdkчтобы компоненты cdk можно было извлекать и использовать из npm независимо от материала. Даже после рефакторинга код cdk может жить вместе с материалом, но упаковка будет другой. Например, новый компонент материала, такой как tableрасширяет cdkтаблицу и применяет к ним стиль, чтобы tableтема и размер соответствовали спецификации материала. Источник: github.com/angular/material2/tree/master/src/lib/table
Ashok Koyi
1
В этой статье есть более подробная информация. В CDK есть компоненты, которые помогают с такими вещами, как направление текста и загрузка счетчиков, независимо от того, используете вы материал или нет. medium.com/@caroso1222/...
Mike_Laird
Лучшим источником образцов является демонстрационное приложение источника материалов. У него есть демонстрации почти для всех случаев использования компонентов cdk, включая overlayref, portal, portalhost, table и так далее.
Ashok Koyi
2
Я думаю, что для команды material2 будет хорошо опубликовать краткое объяснение «что такое CDK» на странице material.angular.io/cdk
happyZZR1400 07
29

CDK (Component Development Kit) - это отдельный пакет.

Цель CDK - предоставить разработчикам больше инструментов для создания замечательных компонентов для Интернета. Это будет особенно полезно для проектов, которые хотят использовать преимущества Angular Material без использования визуального языка Material Design.

Оформить заказ репо от Google для CDK

https://github.com/angular/material2/tree/master/src/cdk
Дипак Суэйн
источник
Спасибо! ваш ответ был полезен!
nitinsridar
4

CDK => Комплект разработчика компонентов

Его основная цель - включить расширяемость, чтобы на ее основе создавать собственные компоненты.

Jegan
источник
1

Обозначает комплект для разработки компонентов. CDK позволяет использовать функции, которые не зависят от материала Angular и его стиля и являются полностью независимыми. Некоторые удивительные функции, которые вы можете использовать, - это перетаскивание и виртуальная прокрутка (что мне лично нравится), просто импортировав cdk. Ознакомьтесь с документацией здесь .

Дилшан Лиянаге
источник