Що таке `cdk` у компонентах кутового матеріалу 2


108

У кількох місцях у кутовому джерелі матеріалу є елементи / класи css, які мають cdkсвій префікс.

Хтось знає, що таке абревіатура cdkу вузькому матеріальному контексті?

Відповіді:


109

CDK - це коротка форма component dev kit. Це означає, що це інструменти загального призначення для побудови компонентів, які не поєднані з Material Design

З матеріалу2 журналу змін

  • У кількох компонентів core/, таких як Overlay, їх префікс змінено на cdk-(скорочено "комплект компонентних розробників"). Це означає, що це інструменти загального призначення для побудови компонентів, які не пов'язані з 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 буде кутовими компонентами, а не частиною матеріалу?
ctilley79

2
На сьогодні код cdk знаходиться всередині матеріального репо. Однак materialуже розпочато рефакторинг, cdkщоб компоненти CDD можна було витягувати та використовувати з 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, портал, portalhost, таблицю тощо.
Ашок Кой

2
Я думаю, що команді material2 буде добре опублікувати коротке пояснення про те, що таке CDK на сторінці material.angular.io/cdk
happyZZR1400

29

CDK (Component Development Kit) - це окремий пакет.

Мета CDK - надати розробникам більше інструментів для створення чудових компонентів для Інтернету. Це буде особливо корисно для проектів, які хочуть скористатися особливостями кутового матеріалу, не приймаючи візуальну мову Material Design.

Оформити репо від Google на CDK

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

Дякую! Ваша відповідь була корисною!
нітриндар

4

CDK => Комплект для розробки компонентів

Його головна мета - включити розширювану форму, щоб створити над нею власні компоненти.


1

Підставки для набору компонентів Dev Kit. CDK дозволяє використовувати функції, які не залежать від кутового матеріалу та його стилізації та є повністю незалежним. Деякі дивовижні функції, якими ви можете скористатися, - це перетягування та віртуальне прокручування (яке я люблю особисто), просто імпортуючи компакт-диск. Перевірте документацію з тут .

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.