Angular-material-widgets

角度素材-ウィジェット

Angular Materialは、UIウィジェットの豊富なライブラリを提供します。 これにより、ユーザーはアプリケーションとの高度な対話機能を使用できます。

次の表は、いくつかの重要な_ウィジェット_とその説明を示しています-

Sr.No	Widget & Description
1	Buttons Angular Directiveである md-button は、オプションのインクリップルを持つボタンディレクティブです（デフォルトで有効になっています）。 href または ng-href 属性が指定されている場合、このディレクティブはアンカー要素として機能します。
2	CheckBoxes Angular Directiveである md-checkbox は、チェックボックスコントロールとして使用されます。
3	Content Angular Directiveである md-content はコンテナ要素であり、スクロール可能なコンテンツに使用されます。 layout-padding 属性を追加して、コンテンツをパディングできます。
4	DatePicker Angular Directiveである md-datepicker は、日付を選択するための入力コントロールです。 また、入力検証用のngMessagesもサポートしています。
5	Dialogs Angular Directiveの md-dialog はコンテナ要素であり、ダイアログボックスを表示するために使用されます。 その要素 md-dialog-content にはダイアログのコンテンツが含まれ、 md-dialog-actions はダイアログアクションを担当します。 Angular Serviceの mdDialog は、ユーザーに情報を提供し、意思決定を支援するために、アプリケーション上にダイアログを開きます。
6	Divider Angular Directiveの md-divider はルール要素であり、リストおよびページレイアウト内のコンテンツをグループ化および分割するための薄い軽量のルールを表示するために使用されます。
7	List Angularディレクティブの md-list は、 md-list-item 要素を子として含むコンテナコンポーネントです。 md-list-itemディレクティブは、md-listコンテナーの行項目のコンテナーコンポーネントです。 CSSクラス md-2-line および md-3-line をmd-list-itemに追加して、行の高さをそれぞれ22pxおよび40pxに増やすことができます。
8	Menu Angularディレクティブである md-menu は、実行されたアクションのコンテキスト内で追加オプションを表示するコンポーネントです。 md-menu には2つの子要素があります。 最初の要素は* trigger要素*であり、メニューを開くために使用されます。 2番目の要素は md-menu-content で、メニューが開かれたときのメニューのコンテンツを表します。 md-menu-contentは通常、メニュー項目をmd-menu-itemとして運びます。
9	Menu Bar md-menu-bar* は、複数のメニューを保持するコンテナコンポーネントです。 メニューバーは、メニュー効果を提供するオペレーティングシステムを作成するのに役立ちます。
10	Progress Bars md-progress-circular* および *md-progress-linear* はAngular progressディレクティブであり、アプリケーションでコンテンツの読み込みメッセージを表示するために使用されます。
11	Radio Buttons md-radio-group* および *md-radio-button* Angularディレクティブは、アプリケーションでラジオボタンを表示するために使用されます。 md-radio-groupは、md-radio-button要素のグループ化コンテナーです。
12	Selects Angularディレクティブである md-select は、ng-modelで囲まれた選択ボックスを表示するために使用されます。
13	Fab Toolbars Angularディレクティブである md-fab-toolbar は、一般的なアクションにすばやくアクセスするための要素またはボタンのツールバーを表示するために使用されます。
14	Sliders Angularディレクティブである md-slider は、範囲コンポーネントを表示するために使用されます。 それには2つのモードがあります- 通常-ユーザーは幅広い値の間をスライドできます。 デフォルト。 discrete -ユーザーは選択した値の間をスライドできます。 離散モードを有効にするには、md-discreteおよびstep属性を使用します。
15	Tabs md-tabs* および *md-tab* Angularディレクティブは、アプリケーションでタブを表示するために使用されます。 md-tabsは、md-tab要素のグループ化コンテナーです。
16	Toolbars Angularディレクティブである md-toolbar は、タイトルと関連ボタンを表示するために通常コンテンツの上の領域であるツールバーを表示するために使用されます。
17	Tooltips Angular Materialは、目立たないツールチップをユーザーに表示するためのさまざまな特別な方法を提供します。 Angular Materialは方向を割り当てる方法を提供し、md-tooltipディレクティブを使用してツールチップを表示します。 ユーザーが親コンポーネントにフォーカス、ホバー、またはタッチすると、ツールチップがアクティブになります。
18	Chips Angular Directiveの md-chips は、Chipと呼ばれる特別なコンポーネントとして使用され、連絡先、タグなどの小さな情報セットを表すために使用できます。 カスタムテンプレートを使用して、チップのコンテンツをレンダリングできます。 これは、カスタムコンテンツを含むmd-chip-template要素をmd-chipsの子として指定することで実現できます。
19	Contact Chips Angular Directiveである md-contact-chips は、md-chips上に構築された入力コントロールで、 md-autocomplete 要素を使用します。 コンタクトチップコンポーネントは、可能なコンタクトのリストを返すクエリ式を受け入れます。 ユーザーはこれらのいずれかを選択して、使用可能なチップのリストに追加できます。