Angular Material - 元件

md-button是一個Angular指令，是一個按鈕指令，具有可選的墨水漣漪效果（預設啟用）。如果提供了href或ng-href屬性，則此指令充當錨元素。

md-checkbox是一個Angular指令，用作複選框控制元件。

md-content是一個Angular指令，是一個容器元素，用於可滾動的內容。可以新增layout-padding屬性以獲得填充內容。

md-datepicker是一個Angular指令，是一個用於選擇日期的輸入控制元件。它還支援ngMessages進行輸入驗證。

md-dialog是一個Angular指令，是一個容器元素，用於顯示對話方塊。其元素md-dialog-content包含對話方塊的內容，md-dialog-actions負責對話方塊操作。

mdDialog是一個Angular服務，在應用程式上開啟一個對話方塊，以使使用者瞭解情況並幫助他們做出決策。

md-divider是一個Angular指令，是一個規則元素，用於顯示細的輕量級規則，以對列表和頁面佈局中的內容進行分組和劃分。

md-list是一個Angular指令，是一個容器元件，包含md-list-item元素作為子元素。md-list-item指令是md-list容器行專案的容器元件。CSS類md-2-line和md-3-line可以新增到md-list-item以分別將行高增加22px和40px。

md-menu是一個Angular指令，是一個元件，用於在執行的操作上下文中顯示附加選項。md-menu有兩個子元素。第一個元素是觸發元素，用於開啟選單。第二個元素是md-menu-content，用於表示選單開啟時的內容。md-menu-content通常包含作為md-menu-item的選單項。

md-menu-bar是一個容器元件，用於容納多個選單。選單欄有助於建立作業系統提供的選單效果。

md-progress-circular和md-progress-linear是Angular進度指令，用於在應用程式中顯示載入內容訊息。

md-radio-group和md-radio-button Angular指令用於在應用程式中顯示單選按鈕。md-radio-group是md-radio-button元素的分組容器。

md-select是一個Angular指令，用於顯示由ng-model繫結的下拉選擇框。

md-fab-toolbar是一個Angular指令，用於顯示元素或按鈕的工具欄，以便快速訪問常用操作。

md-slider是一個Angular指令，用於顯示範圍元件。它有兩種模式：

• normal - 使用者可以在較寬的數值範圍內滑動。預設值。

• discrete - 使用者可以在選定的值之間滑動。要啟用離散模式，請使用md-discrete和step屬性。

md-tabs和md-tab Angular指令用於在應用程式中顯示標籤頁。md-tabs是md-tab元素的分組容器。

md-toolbar是一個Angular指令，用於顯示工具欄，通常是內容上方的區域，用於顯示標題和相關按鈕。

Angular Material 提供了各種特殊方法來向用戶顯示不顯眼的工具提示。Angular Material 提供了為其分配方向的方法，並使用md-tooltip指令顯示工具提示。當用戶聚焦、懸停或觸控父元件時，工具提示會啟用。

md-chips是一個Angular指令，用作稱為晶片的特殊元件，可用於表示少量資訊，例如聯絡人、標籤等。可以使用自定義模板來渲染晶片的內容。這可以透過指定一個md-chip-template元素來實現，該元素具有作為md-chips子元素的自定義內容。

md-contact-chips是一個Angular指令，是基於md-chips構建的輸入控制元件，並使用md-autocomplete元素。聯絡人標籤元件接受一個查詢表示式，該表示式返回可能的聯絡人列表。使用者可以選擇其中一個並將其新增到可用晶片列表中。