📝 Angular Material 7教程

38篇技术文档
  角材料7-卡

📅  最后修改于: 2020-10-28 04:49:27        🧑  作者: Mango

<mat-card>是Angular Directive,用于创建具有材质设计样式和动画功能的卡。它为公用卡部分提供了预设样式。<mat-card-title>-代表标题部分。<mat-card-subtitle>-代表字幕部分。<mat-card-content>-代表内容部分。<mat-card-actions>-代表动作部分。<mat-card-footer>-表示页脚部分。在本章中,我们将...

  角材料7-分频器

📅  最后修改于: 2020-10-28 04:49:43        🧑  作者: Mango

<mat-divider>是Angular指令,用于创建具有材质设计样式和动画功能的分隔器。它提供了两个项目之间的分隔符。在本章中,我们将展示使用Angular Material绘制分隔线控件所需的配置。创建角度应用请按照以下步骤更新我们在Angular 6-Project Setup一章中创建的Angular应用程序–StepDescription1Create a project with a...

  角材料7-扩展面板

📅  最后修改于: 2020-10-28 04:50:01        🧑  作者: Mango

<mat-expansion-panel>是Angular Directive,用于创建可扩展详细信息摘要视图。<mat-expansion-panel-header>-表示标题部分。包含面板摘要,并用作控件来扩展或折叠面板。<mat-panel-title>-代表面板标题。<mat-panel-description>-代表面板摘要。<mat-action-row>-在底部表示动作面板。在本章中...

  角材料7-网格列表

📅  最后修改于: 2020-10-28 04:50:17        🧑  作者: Mango

<mat-grid-list>是一个角度指令,用于创建二维视图,将单元格排列为基于网格的布局。在本章中,我们将展示使用Angular Material绘制网格列表控件所需的配置。创建角度应用请按照以下步骤更新我们在Angular 6-Project Setup一章中创建的Angular应用程序–StepDescription1Create a project with a namematerial...

  角材料7-列表

📅  最后修改于: 2020-10-28 04:50:33        🧑  作者: Mango

<mat-list>是一个Angular Directive,用于创建一个容器来承载和格式化一系列项目。在本章中,我们将展示使用Angular Material绘制列表控件所需的配置。创建角度应用请按照以下步骤更新我们在Angular 6-Project Setup一章中创建的Angular应用程序–StepDescription1Create a project with a namemater...

  角材料7-步进器

📅  最后修改于: 2020-10-28 04:50:52        🧑  作者: Mango

<mat-stepper>是Angular Directive,用于创建类似于工作流程步骤的向导。在本章中,我们将展示使用Angular Material绘制步进控件所需的配置。创建角度应用请按照以下步骤更新我们在Angular 6-Project Setup一章中创建的Angular应用程序–StepDescription1Create a project with a namematerial...

  角材料7-选项卡

📅  最后修改于: 2020-10-28 04:51:08        🧑  作者: Mango

<mat-tab-group>是一个角度指令,用于创建选项卡式布局。在本章中,我们将展示使用Angular Material绘制选项卡控件所需的配置。创建角度应用请按照以下步骤更新我们在Angular 6-Project Setup一章中创建的Angular应用程序–StepDescription1Create a project with a namematerialAppas explaine...

  角材料7-树

📅  最后修改于: 2020-10-28 04:51:30        🧑  作者: Mango

<mat-tree>是一个角度指令,用于创建具有材料样式的树以显示层次数据。在本章中,我们将展示使用Angular Material绘制树所需的配置。以下是修改后的模块描述符app.module.ts的内容。以下是修改后的HTML主机文件app.component.html的内容。以下是修改后的ts文件app.component.ts的内容。结果验证结果。细节首先,我们使用mat-tree和mat...

  角材料7-按钮

📅  最后修改于: 2020-10-28 04:51:46        🧑  作者: Mango

<mat-button>是一个角度指令,用于创建具有材质样式和动画的按钮。在本章中,我们将展示使用Angular Material绘制按钮控件所需的配置。创建角度应用请按照以下步骤更新我们在Angular 6-Project Setup一章中创建的Angular应用程序–StepDescription1Create a project with a namematerialAppas explai...

  角度材料7-切换按钮

📅  最后修改于: 2020-10-28 04:52:05        🧑  作者: Mango

<mat-button-toggle>(角度指令)用于创建具有材质样式和动画的切换或开/关按钮。可以将mat-button-toggle按钮配置为充当单选按钮或复选框。通常,它们是<mat-button-toggle-group>的一部分。在本章中,我们将展示使用Angular Material绘制按钮切换控件所需的配置。创建角度应用请按照以下步骤更新我们在Angular 6-Project Se...

  角材料7-徽章

📅  最后修改于: 2020-10-28 04:52:22        🧑  作者: Mango

<mat-badge>(一个角度指令)用于创建一个徽章,该徽章是UI元素的小状态描述符。徽章通常带有一个数字或其他简短的字符集,它们出现在另一个UI元素附近。在本章中,我们将展示使用Angular Material绘制徽章控件所需的配置。创建角度应用请按照以下步骤更新我们在Angular 6-Project Setup一章中创建的Angular应用程序–StepDescription1Create...

  角材料7-芯片

📅  最后修改于: 2020-10-28 04:52:37        🧑  作者: Mango

<mat-chip-list>是一个角度指令,用于将值列表作为芯片。在本章中,我们将展示使用Angular Material绘制芯片控件所需的配置。创建角度应用请按照以下步骤更新我们在Angular 6-Project Setup一章中创建的Angular应用程序–StepDescription1Create a project with a namematerialAppas explained...

  角材料7-图标

📅  最后修改于: 2020-10-28 04:52:52        🧑  作者: Mango

<mat-icon>是一个角度指令,用于添加带有材质样式的基于vector / svg的图标。在本章中,我们将展示使用Angular Material绘制图标控件所需的配置。创建角度应用请按照以下步骤更新我们在Angular 6-Project Setup一章中创建的Angular应用程序–StepDescription1Create a project with a namematerialAp...

  角材料7-进度微调器

📅  最后修改于: 2020-10-28 04:53:13        🧑  作者: Mango

角度指令<mat-progress-spinner>用于显示具有材质样式的进度微调器。在本章中,我们将展示使用Angular Material绘制确定性和不确定性进度微调器所需的配置。创建角度应用请按照以下步骤更新我们在Angular 6-Project Setup一章中创建的Angular应用程序–StepDescription1Create a project with a namemater...

  角材料7-进度栏

📅  最后修改于: 2020-10-28 04:53:34        🧑  作者: Mango

<mat-progress-bar>(角度指令)用于显示具有材料样式的进度条。在本章中,我们将展示使用Angular Material绘制确定性和不确定性进度条所需的配置。创建角度应用请按照以下步骤更新我们在Angular 6-Project Setup一章中创建的Angular应用程序–StepDescription1Create a project with a namematerialApp...