📝 Angular Material教程

22篇技术文档
  角材料教程

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

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

  角材料-概述

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

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

  角材料-环境设置

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

如何使用角材料?有两种使用Angular Material的方法-本地安装-您可以在本地计算机上使用npm,jspm或bower下载Angular Material库,并将其包含在HTML代码中。基于CDN的版本-您可以直接从内容交付网络(CDN)将angular-material.min.css和angular-material js文件包含到HTML代码中。本地安装在使用以下npm命令之前,我...

  角材料-自动完成

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

md-autocomplete(一个Angular指令)被用作具有内置下拉菜单的特殊输入控件,以显示与自定义查询的所有可能匹配项。用户在输入区域中键入内容后,此控件就充当实时建议框。<md-autocomplete>可用于提供来自本地或远程数据源的搜索结果。 md-autocomplete在执行查询时缓存结果。首次调用后,它将使用缓存的结果来消除不必要的服务器请求或查找逻辑,可以将其禁用。属性下表...

  角材料-底页

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

$ mdBottomSheet是一种Angular服务,用于在应用程序上打开底页,并提供一个简单的promise API。S.NMethod & Description1$mdBottomSheet.show(options);Show a bottom sheet with the specified options.S.NParameter & Description1* optionsAn ...

  角材料-小部件

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

Angular Material提供了丰富的UI小部件库。这允许用户具有与应用程序的高级交互功能。下表列出了一些重要的小部件及其说明-Sr.NoWidget & Description1ButtonsThemd-button, an Angular Directive, is a button directive having optional ink ripples (and are by de...

  角材料-布局

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

布局指令容器元素上的Layout指令用于为其子元素指定布局方向。以下是布局指令的可分配值-行-物品水平排列,最大高度= 100%,最大宽度是容器中物品的宽度。柱-物品与最大宽度= 100%和最大高度垂直布置是在容器中的物品的高度。为了使响应式设计(例如根据设备屏幕尺寸自动更改布局),可以使用下表中列出的布局API来设置具有视图宽度的设备的布局方向。Sr.NoAPI & Device width w...

  角材质-输入

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

md-input-container(一个Angular指令)是一个容器组件,其中包含任何<input>或<textarea>元素作为子元素。它还支持使用标准ng-messages指令进行错误处理,并使用ngEnter / ngLeave事件或ngShow / ngHide事件对消息进行动画处理。属性下表列出了md-input-container的不同属性的参数和说明。Sr.NoParameter...

  角材质-图标

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

md-icon是Angular指令,是在应用程序中显示基于矢量的图标的组件。除了使用Google材质图标之外,它还支持图标字体和SVG图标。属性下表列出了md-icon的不同属性的参数和说明。Sr.NoParameter & Description1* md-font-iconThis is the string name of CSS icon associated with the font-...

  角材料-网格

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

md-grid-list(一个Angular指令)是用于为各种屏幕尺寸布置内容的组件。网格在桌面大小屏幕中有12列,在平板电脑大小屏幕中有8列,在电话大小屏幕中有4列,其中每个大小都有预定义的边距和装订线。单元以定义它们的顺序按顺序排列在一行中。属性下表列出了md-grid-list的不同属性的参数和说明。Sr.NoParameter & Description1* md-colsThis is ...

  角材料-SideNav

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

md-sidenav(一个Angular指令)用于显示可以以编程方式显示或隐藏的容器组件。默认情况下,它滑出主要内容区域的顶部。属性下表列出了md-sidenav的不同属性的参数和说明Sr.NoParameter & Description1md-is-openA model bound to whether the sidenav is opened.2md-component-idcompon...

  角材料-晶圆厂快速拨号

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

md-fab-speed-dial(Angular指令)用于显示一系列弹出元素或按钮,以快速访问常见操作。属性下表列出了md-fab-speed-dial的不同属性的参数和说明。Sr.NoParameter & Description1* md-directionThis determines the direction at which the speed dial is to appear r...

  角材料-子标题

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

md-subheader是Angular指令,用于显示节的子标题。例以下示例显示了md-subheader的用法以及subheader组件的用法。am_subheaders.htm现场演示结果验证结果。...

  角材料-滑动

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

滑动功能适用于移动设备。以下指令用于处理滑动。md-swipe-down,当元素向下滑动时,Angular指令用于指定自定义行为。md-swipe-left,当元素向左滑动时,Angular指令用于指定自定义行为。md-swipe-right,当元素向右滑动时,Angular指令用于指定自定义行为。md-swipe-up,当元素向上滑动时,Angular指令用于指定自定义行为。例以下示例显示了md...

  角材料-开关

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

md-switch是Angular指令,用于显示开关。属性下表列出了md-switch的不同属性的参数和说明。Sr.NoParameter & Description1* ng-modelThe assignable angular expression to data-bind to.2nameThe property name of the form under which the contr...