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 − 用户可以在选定的值之间滑动。 要启用 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 指令，用作称为 Chip 的特殊组件，可用于表示一小组信息，例如联系人、标签等。自定义模板可用于渲染 Chip 的内容。 这可以通过指定具有自定义内容的 md-chip-template 元素作为 md-chips 的子元素来实现。

md-contact-chips 是一个 Angular 指令，是一个基于 md-chips 构建的输入控件，并使用 md-autocomplete 元素。 联系人 Chip 组件接受查询表达式，该表达式返回可能的联系人列表。 用户可以选择其中之一并将其添加到可用 Chip 列表中。