📝 Angular Material 7教程

38篇技术文档
  Angular Material 7教程

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

快速指南资源资源求职讨论区Angular Material 7是Angular开发人员的UI组件库。 Angular Material组件有助于构建引人注目的,一致且功能正常的网页和Web应用程序,同时遵循现代Web设计原则,例如浏览器的可移植性,设备独立性和平稳降级。它有助于创建更快,更美观,响应速度更快的网站。它的灵感来自Google Material Design。听众本教程适用于渴望学习A...

  角材料7-概述

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

Angular Material 7是Angular开发人员的UI组件库。 Angular Material的可重用UI组件有助于构建有吸引力,一致且功能正常的网页和Web应用程序,同时遵循现代Web设计原则,例如浏览器的可移植性,设备独立性和平稳降级。以下是角度材料的一些显着特征-内置响应式设计。标准CSS,占用空间最小。包括新版本的通用用户界面控件,例如按钮,复选框和文本字段,均适用于“材料设...

  Angular Material 7-环境设置

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

本教程将指导您如何准备开发环境以开始使用Angular Framework和Angular Material。在本章中,我们将讨论Angular 6所需的环境设置。要安装Angular 6,我们需要满足以下条件-NodejsNpm角度CLI用于编写代码的IDENodejs必须大于8.11,npm必须大于5.6。Nodejs要检查系统上是否安装了nodejs,请在终端中键入node -v。这将帮助您...

  角材料7-自动完成

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

<mat-autocomplete>(一个角度指令)用作带有内置下拉菜单的特殊输入控件,以显示与自定义查询的所有可能匹配项。用户在输入区域中键入内容后,此控件就充当实时建议框。<mat-autocomplete>可用于提供来自本地或远程数据源的搜索结果。在本章中,我们将展示使用Angular Material绘制自动完成控件所需的配置。创建角度应用请按照以下步骤更新我们在Angular 6-Pro...

  角材料7-复选框

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

<mat-checkbox>(一个角度指令)被用作具有材料设计样式和动画功能的增强复选框。在本章中,我们将展示使用Angular Material绘制复选框控件所需的配置。创建角度应用请按照以下步骤更新我们在Angular 6-Project Setup一章中创建的Angular应用程序–StepDescription1Create a project with a namematerialApp...

  角材料7-DatePicker

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

<mat-datepicker>(角度指令)用于创建日期选择器控件,使用该控件可以从日历中选择日期,也可以使用输入框直接输入日期。在本章中,我们将展示使用Angular Material绘制日期选择器控件所需的配置。创建角度应用请按照以下步骤更新我们在Angular 6-Project Setup一章中创建的Angular应用程序–StepDescription1Create a project ...

  角材料7-表单字段

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

<mat-form-field>是一个Angular Directive,用于在角度组件上创建包装器,并用于应用下划线,粗体,提示等文本样式。可以在<mat-form-field>中使用以下角度分量。<输入matNativeControl><textarea matNativeControl><选择matNativeControl><垫选><mat-chip-list>在本章中,我们将展示在Ang...

  角材料7-输入

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

<mat-input>是一个角度指令,用于<input>和<textarea>元素在<mat-form-field>下工作。在<mat-input>中可以使用以下输入类型。颜色日期本地日期时间电子邮件月数密码搜索电话文本时间网址周在本章中,我们将展示在Angular Material中使用垫输入控件所需的配置。创建角度应用请按照以下步骤更新我们在Angular 6-Project Setup一章中...

  角材料7-单选按钮

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

<mat-radiobutton>(一个角度指令)用于<input type =“ radio”>,以增强基于材料设计的样式。在本章中,我们将展示使用Angular Material绘制单选按钮控件所需的配置。创建角度应用请按照以下步骤更新我们在Angular 6-Project Setup一章中创建的Angular应用程序–StepDescription1Create a project wit...

  角材料7-选择

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

<mat-select>是Angular Directive,用于<select>以增强基于材料设计的样式。在本章中,我们将展示使用Angular Material绘制选择控件所需的配置。创建角度应用请按照以下步骤更新我们在Angular 6-Project Setup一章中创建的Angular应用程序–StepDescription1Create a project with a namemat...

  角材料7-滑块

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

<mat-slider>(角度指令)用作具有材质设计样式和动画功能的增强范围选择器。在本章中,我们将展示使用Angular Material绘制滑块控件所需的配置。创建角度应用请按照以下步骤更新我们在Angular 6-Project Setup一章中创建的Angular应用程序–StepDescription1Create a project with a namematerialAppas e...

  角材料7-滑动切换

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

角度指令<mat-slide-toggle>用作具有材料设计样式和动画功能的开/关开关。在本章中,我们将展示使用Angular Material绘制滑动切换控件所需的配置。创建角度应用请按照以下步骤更新我们在Angular 6-Project Setup一章中创建的Angular应用程序–StepDescription1Create a project with a namematerialApp...

  Angular Material 7-菜单

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

<mat-menu>是一个Angular Directive,用于创建菜单并将其附加到具有材料设计样式和动画功能的控件。在本章中,我们将展示使用Angular Material绘制菜单控件所需的配置。创建角度应用请按照以下步骤更新我们在Angular 6-Project Setup一章中创建的Angular应用程序–StepDescription1Create a project with a n...

  角材料7-SideNav

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

<mat-sidenav>是一个角度指令,用于创建具有材质设计样式和动画功能的侧面导航栏和主要内容面板。<mat-sidenav-container>-表示主容器。<mat-sidenav-content>-表示内容面板。<mat-sidenav>-表示侧面板。在本章中,我们将展示使用Angular Material绘制sidenav控件所需的配置。创建角度应用请按照以下步骤更新我们在Angula...

  角材料7-工具栏

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

<mat-toolbar>是Angular Directive,用于创建工具栏以显示标题,标题或任何操作按钮。<mat-toolbar>-表示主容器。<mat-toolbar-row>-添加新行。在本章中,我们将展示使用Angular Material绘制工具栏控件所需的配置。创建角度应用请按照以下步骤更新我们在Angular 6-Project Setup一章中创建的Angular应用程序–St...