Angular Material提供了丰富的UI小部件库.这允许用户与应用程序具有高级交互功能.
下表列出了一些重要的小部件及其描述 :
| Sr.No | 小工具&说明 |
|---|---|
| 1 | Buttons md-button ，Angular Directive，是一个带有可选墨水波纹的按钮指令(和默认情况下已启用).如果提供了 href 或 ng-href 属性，则此指令充当锚元素. |
| 2 | CheckBoxes md-checkbox ，一个Angular Directive，用作复选框控件. |
| 3 | Content md-content 是一个Angular Directive，是一个容器元素，用于可滚动内容.可以添加 layout-padding 属性来填充内容. |
| 4 | DatePicker md-datepicker ，Angular Directive，是一个用于选择日期的输入控件.它还支持ngMessages进行输入验证. |
| 5 | Dialogs md-dialog ，角度指令，是一个容器元素，用于显示一个对话框.其元素 md-dialog-content 包含对话框的内容， md-dialog-actions 负责对话操作. mdDialog ，一个Angular服务，在应用程序上打开一个对话框，让用户知情并帮助他们做出决定. |
| 6 | Divider md-divider 是一个Angular Directive，是一个规则元素，用于显示精简的轻量级规则，用于对列表和页面布局中的内容进行分组和划分./p> |
| 7 | List md-list 是一个Angular指令，是一个包含 |
| 8 | Menu md-menu 是一个Angular指令，是一个显示其中的附加选项的组件.行动的背景. md-menu 有两个子元素.第一个元素是触发元素，用于打开菜单.第二个元素是 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进度指令，用于在应用程序中显示加载内容消息. |
| 11 | Radio Buttons md-radio-group 和 md-radio-button Angular指令用于在应用程序中显示单选按钮. md-radio-group是md-radio-button元素的分组容器. |
| 12 | Selects md -select ，Angular指令用于显示选择框，以ng-model为界. |
| 13 | Fab Toolbars md-fab-toolbar 是一个Angular指令，用于显示元素或按钮的工具栏，以便快速访问常用操作. |
| 14 | Sliders md-slider ，Angular指令用于显示范围组件.它有两种模式 :
|
| 15 | Tabs md-tabs 和 md-tab Angular指令用于显示应用程序中的选项卡. md-tabs是md-tab元素的分组容器. |
| 16 | Toolbars md-工具栏，Angular指令用于显示工具栏，该工具栏通常是内容上方的区域，用于显示标题和相关按钮. |
| 17 | Tooltips Angular Material提供了各种特殊方法来向用户显示不显眼的工具提示. Angular Material提供了为它们指定方向的方法，md-tooltip指令用于显示工具提示.只要用户聚焦，悬停或触摸父组件，工具提示就会激活. |
| 18 | Chips md-chips ，Angular Directive，用作称为Chip的特殊组件，可用于表示一小组信息，例如联系人，标签等.自定义模板可用于渲染芯片的内容.这可以通过指定md-chip-template元素来实现，该元素具有自定义内容作为md-chips的子元素. |
| 19 | Contact Chips md-contact-chips ，一个Angular Directive，是一个基于md-chips的输入控件，使用 md-autocomplete 元素.联系芯片组件接受查询表达式，该表达式返回可能的联系人列表.用户可以选择其中一个并将其添加到可用芯片列表中. |
