- 角度材质教程
- 角材料 - 主页
- 角度材料 - 概述
- 环境设置
- 角度材质 - 自动完成
- 角材料 - 底板
- 角度材料 - 卡片
- Angular 材质 - 小部件
- Angular 材质 - 布局
- 角度材质 - 输入
- 角度材质 - 图标
- 角度材质 - 网格
- 角度材质 - SideNav
- Angular Material - Fab 快速拨号
- 角度材料 - 副标题
- 角度材质 - 滑动
- 角材料 - 开关
- Angular 材质 - 主题
- 角度材料 - 吐司
- 角度材料 - 版式
- 角度材质 - 虚拟重复
- 角材质 - WhiteFrame
- 角度材质有用资源
- 角度材质 - 快速指南
- 角度材料 - 有用的资源
- 角度材料 - 讨论
Angular 材质 - 小部件
Angular Material 提供了丰富的 UI 小部件库。这允许用户与应用程序具有高级交互能力。
下表列出了一些重要的小部件及其描述 -
先生编号 | 小部件和描述 |
---|---|
1 | 纽扣
md -button是一个 Angular 指令,是一个具有可选墨迹波纹的按钮指令(默认情况下启用)。如果提供了href或ng-href属性,则该指令充当锚元素。 |
2 | 复选框
md -checkbox是一个 Angular 指令,用作复选框控件。 |
3 | 内容
md -content是一个 Angular 指令,是一个容器元素,用于可滚动内容。可以添加layout -padding属性来填充内容。 |
4 | 日期选择器
md -datepicker是一个 Angular 指令,是一个用于选择日期的输入控件。它还支持 ngMessages 进行输入验证。 |
5 | 对话框
md -dialog是一个 Angular 指令,是一个容器元素,用于显示对话框。它的元素md-dialog-content包含对话框的内容,md-dialog-actions负责对话框操作。 mdDialog是一项 Angular 服务,它在应用程序上打开一个对话框,让用户了解情况并帮助他们做出决策。 |
6 | 分频器
md -divider是一个 Angular 指令,是一个规则元素,用于显示轻量级规则,以对列表和页面布局中的内容进行分组和划分。 |
7 | 列表
md -list是一个 Angular 指令,是一个容器组件,其中包含md-list-item元素作为子元素。md-list-item 指令是 md-list 容器的行项目的容器组件。CSS 类md-2-line和md-3-line可以添加到 md-list-item 中,以分别增加行高 22px 和 40px。 |
8 | 菜单
md -menu是一个 Angular 指令,是一个在执行操作的上下文中显示附加选项的组件。md -menu有两个子元素。第一个元素是触发元素,用于打开菜单。第二个元素是md-menu-content,表示菜单打开时菜单的内容。md-menu-content 通常携带菜单项作为 md-menu-item。 |
9 | 菜单栏
md -menu-bar是一个用于保存多个菜单的容器组件。菜单栏有助于创建操作系统提供的菜单效果。 |
10 | 进度条
md -progress-circular和md-progress-linear是 Angular 进度指令,用于显示应用程序中的加载内容消息。 |
11 | 单选按钮
md -radio-group和md-radio-button Angular 指令用于在应用程序中显示单选按钮。md-radio-group 是 md-radio-button 元素的分组容器。 |
12 | 选择
md -select是一个 Angular 指令,用于显示由 ng-model 限制的选择框。 |
13 | 工厂工具栏
md -fab-toolbar是一个 Angular 指令,用于显示元素工具栏或按钮,以便快速访问常用操作。 |
14 | 滑块
md -slider是一个 Angular 指令,用于显示范围组件。它有两种模式 -
|
15 | 选项卡
md -tabs和md-tab Angular 指令用于在应用程序中显示选项卡。md-tabs 是 md-tab 元素的分组容器。 |
16 | 工具栏
md -toolbar是一个 Angular 指令,用于显示工具栏,该工具栏通常是内容上方的区域,用于显示标题和相关按钮。 |
17 号 | 工具提示
Angular Material 提供了各种特殊方法来向用户显示不显眼的工具提示。Angular Material 提供了为它们指定方向的方法,并且 md-tooltip 指令用于显示工具提示。每当用户聚焦、悬停或触摸父组件时,工具提示就会激活。 |
18 | 薯片
md -chips是一个 Angular 指令,用作称为芯片的特殊组件,可用于表示一小组信息,例如联系人、标签等。自定义模板可用于呈现芯片的内容。这可以通过指定具有自定义内容的 md-chip-template 元素作为 md-chips 的子元素来实现。 |
19 | 接触式芯片
md -contact-chips是一个 Angular 指令,是基于 md-chips 构建的输入控件,并使用md-autocomplete元素。联系人芯片组件接受查询表达式,该表达式返回可能的联系人列表。用户可以选择其中之一并将其添加到可用芯片列表中。 |