极客教程
Angular Material 7 – 表格
Angular Material 7 – 表格 <mat-table>是Angular指令，用于创建带有材质设计和样式的表格。 本章节将展示使用Angular Material显示表格所需的配置。 下面是修改后的模块...
Angular
Angular Material 7 – 排序表头
Angular Material 7 – 排序表头 Angular材料中的 <mat-sort-header> **和 **matSort 用于向表头添加排序功能。 在本章中，我们将展示使用Angular材料显示排序...
Angular Material 7 – Paginator
Angular Material 7 – Paginator <mat-paginator>是一个Angular指令，用于展示分页信息导航。 在本章中，我们将展示使用Angular Material显示一个分页器所需...
Angular Material 7 – 工具提示
Angular Material 7 – 工具提示 <MatTooltip>，是一个 Angular 指令，用于显示材料化的工具提示。 在本章中，我们将展示使用 Angular Material 显示工具提示所需的配...
Angular Material 7 – SnackBar
Angular Material 7 – SnackBar <MatSnackBar>是一个Angular指令，用于在移动设备上显示通知栏，作为对话框/弹出窗口的替代品。 在本章中，我们将展示使用Angular Ma...
Angular Material 7 – 波纹
Angular Material 7 – 波纹 Angular指令 < mat-ripple>用于定义描绘用户交互的区域。 在本章中，我们将展示如何使用Angular Material绘制波纹效果所需的配置。 以下是...
Angular Material 7 – 进度条
Angular Material 7 – 进度条 <mat-progress-bar> 是一个用于显示具有材料样式的进度条的 Angular 指令。 在本章中，我们将展示使用 Angular Material 绘制确...
Angular Material 7 – 进度条
Angular Material 7 – 进度条 <MAT-Progress-spinner> 是一个Angular指令，用于展示具有Material样式的进度条。 本章中，我们将展示使用Angular Materi...
Angular Material 7 – 图标
Angular Material 7 – 图标 <mat-icon> ，Angular指令，用于添加具有材料样式的矢量/svg图标。 在本章中，我们将展示使用Angular Material绘制图标控件所需的配置。 ...
Angular Material 7 – Chips
Angular Material 7 – Chips < mat-chip-list> 是一个 Angular 指令，用于将一组值作为芯片显示。 在本章中，我们将展示使用 Angular Material 绘制芯片控...
Angular Material 7 – 徽章
Angular Material 7 – 徽章 Angular指令 <mat-badge>用于创建徽章，徽章是用于UI元素的小型状态描述符。徽章通常带有一个数字或其他短字符集，该数字或字符集在另一个UI元素附近显示。...
Angular Material 7 – 切换按钮
Angular Material 7 – 切换按钮 Angular指令 < mat-button-toggle>用于创建具有Material样式和动画的开关或开/关按钮。 mat-button-toggle按钮可以配...
Angular Material 7 – 按钮
Angular Material 7 – 按钮 <mat-button>是 Angular 指令，用于创建具有 Material 样式和动画的按钮。 本章中，我们将展示使用 Angular Material 绘制按钮...
Angular Material 7-树
Angular Material 7-树 <mat-tree>是一个用于创建具有材料样式的树形结构的Angular指令，以显示分层数据。 在本章中，我们将演示使用Angular Material绘制树形结构所需的配置。 以下是修...
Angular Material 7 – 标签页
Angular Material 7 – 标签页 <mat-tab-group> 是一个 Angular 指令，用于创建标签页布局。 在本章中，我们将展示使用 Angular Material 绘制选项卡控件所需的配...
Angular Material 7 – Stepper
Angular Material 7 – Stepper Angular指令 <mat-stepper>用于创建向导式的工作流步骤。 在本章中，我们将展示使用Angular Material绘制步骤控件所需的配置。 ...
Angular Material 7 – 列表
Angular Material 7 – 列表 <mat-list> 是一个Angular指令，用于创建并格式化一系列项目的容器。 在本章中，我们将演示使用Angular Material绘制列表控件所需的配置。 创...
Angular Material 7 – Grid List
Angular Material 7 – Grid List < mat-grid-list> 是Angular指令，用于将单元格按网格布局排列为二维视图。 在本章中，我们将展示使用Angular Material绘...
Angular Material 7 – Expansion Panel
Angular Material 7 – Expansion Panel < mat-expansion-panel> ，是一个Angular指令，用于创建可展开的详细视图和摘要视图。 < mat-expans...
Angular Material 7 – 分割线
Angular Material 7 – 分割线 <mat-divider> 是一个 Angular 指令，用于创建带有 Material 设计样式和动画功能的分割线。它在两个项目之间提供一个分隔符。 在本章中，我们...
Angular Material 7 – 卡片
Angular Material 7 – 卡片 <mat-card> 是一个Angular指令，用于创建具有材料设计样式和动画功能的卡片。它提供了常见卡片部分的预设样式。 <mat-card-title>...
Angular Material 7 – 工具栏
Angular Material 7 – 工具栏 Angular指令 <mat-toolbar>用于创建工具栏，显示标题、头部或任何操作按钮。 <mat-toolbar> - 表示主容器。 <...
Angular Material 7 – SideNav
Angular Material 7 – SideNav <mat-sidenav> 指令会创建带有material design样式和动画功能的侧边导航栏和主要内容面板。 <mat-sidenav-conta...
Angular Material 7 – 菜单
Angular Material 7 – 菜单 <mat-menu> ，一个Angular指令，用于使用材料设计样式和动画功能创建菜单并将其附加到控件。 在本章中，我们将展示使用Angular Material绘制菜...
Angular Material 7 – 滑动开关
Angular Material 7 – 滑动开关 <mat-slide-toggle>是一种Angular指令，具有材料设计样式和动画功能的开/关开关。 在本章中，我们将展示使用Angular Material绘制...
Angular Material 7 – Slider
Angular Material 7 – Slider <mat-slider>是一个Angular指令，可用作具有材料设计样式和动画功能的增强范围选择器。 在本章中，我们将展示使用Angular Material绘...
Angular Material 7 – 选择
Angular Material 7 – 选择 Angular 指令 <mat-select>用于增强基于 Material Design 样式的<select>。 在本章中，我们将展示使用 Angula...
Angular Material 7 – 单选按钮
Angular Material 7 – 单选按钮 <mat-radiobutton>是一个Angular指令，用于<input type = “radio">，以增强基于材料设计的样式。。 在本章中，我...
Angular Material 7 – 输入
Angular Material 7 – 输入 Angular指令 < mat-input>用于在 < mat-form-field>下使用 < input>和 < textarea&g...
Angular Material 7 – 表单字段
Angular Material 7 – 表单字段 Angular指令 <mat-form-field> 用于在Angular组件上创建一个包装器，旨在应用文本样式，如下划线、粗体、提示等。 以下Angular组件可...