Angular Material 2コンポーネントの「cdk」とは


108

アンギュラマテリアルソース内の複数の場所にcdk、プレフィックスを持つelements / cssクラスがあります。

cdk角度のあるマテリアルコンテキストでの略語を知っている人はいますか?

回答:


109

CDKはの短縮形ですcomponent dev kit。これは、これらがマテリアルデザインに結合されていないコンポーネントを構築するための汎用ツールであることを示しています。

material2変更ログから

  • core/オーバーレイなどのいくつかのコンポーネントのプレフィックスが変更されました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 2017

2
現在のところ、cdkコードはMaterial Repo内にあります。ただし、cdkコンポーネントをnpmから素材に関係なくプルして使用できるように、materialすでにリファクタリングが開始cdkされています。リファクタリングを行った後でも、cdkコードはマテリアルと一緒に存在する可能性がありますが、パッケージは異なります。たとえば、テーブルのtable拡張やcdkスタイルの適用などの新しいマテリアルコンポーネントは、tableのテーマとサイズがマテリアルの仕様に一致するようにします。出典: github.com/angular/material2/tree/master/src/lib/table
Ashok Koyi 2017

1
この記事には詳細があります。CDKには、マテリアルを使用しているかどうかに関係なく、テキストの方向やスピナーの読み込みなどに役立つコンポーネントがあります。 medium.com/@caroso1222/...
Mike_Laird

サンプルのより良いソースは、マテリアルソースのデモアプリです。これには、overlayref、ポータル、portalhost、テーブルなど、cdkコンポーネントで実行できるほぼすべての使用法のデモがあります。
Ashok Koyi 2017

2
material2チームが「what is CDK」についての短い説明をmaterial.angular.io/cdkページで公開するのは良いことだと思います
happyZZR1400

29

CDK(コンポーネント開発キット)はスタンドアロンパッケージです。

CDKの目標は、開発者にWeb用の素晴らしいコンポーネントを構築するためのより多くのツールを提供することです。これは、マテリアルデザインのビジュアル言語を採用せずにAngular Materialの機能を利用したいプロジェクトに特に役立ちます。

CDKのGoogleからレポをチェックアウト

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

ありがとう!あなたの答えは役に立ちました!
nitinsridar

4

CDK =>コンポーネント開発キット

その主な目的は、拡張可能なコンポーネントを作成して、その上にカスタムコンポーネントを作成することです。


1

コンポーネント開発キットの略です。CDKを使用すると、Angular Materialとそのスタイルに依存せず、完全に独立した機能を使用できます。使用できる素晴らしい機能には、CDKをインポートするだけのドラッグアンドドロップと仮想スクロール(個人的に気に入っています)があります。こちらのドキュメントをチェックして ください

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.