欢迎各位兄弟 发布技术文章
这里的技术是共享的
md-select ，一个Angular指令用于显示选择框，由ng-model限定。
下表列出了md-radio-group的不同属性的参数和描述。
* ng-model
该模型！
multiple
是否是多重的。
md-radio-group和md-radio-button Angular指令用于在applcation中显示单选按钮。 md-radio-group是md-radio-button元素的分组容器。
md-progress-circular和md-progress-linear是Angular进度指令，用于在应用程序中显示加载内容消息。
下表列出了md-progress-circular的不同属性的参数和描述。
* md-mode
md-menu-bar是一个Angular指令，是一个容纳多个菜单的容器组件。 菜单栏有助于创建操作系统提供的菜单效果。
以下示例显示了md-menu-bar指令的使用以及菜单栏的用法。
am_menubar.htm
md-menu是一个Angular指令，是在执行的操作上下文中显示添加选项的组件。 md-menu有两个子元素。 第一个元素是触发元素，用于打开菜单。 第二个元素是md-menu-content ，它表示菜单打开时菜单的内容。 md-menu-content通常将菜单项作为md-menu-item 。
下表列出了md-menu的不同属性的参数和说明。
md-list是一个Angular指令，是一个容器组件，它包含md-list-item元素作为子元素。 md-list-item指令是md-list容器的行项的容器组件。 可以将CSS类md-2-line和md-3-line添加到md-list-item，以分别增加22px和40px的行高。
以下示例显示了md-list指令的使用以及列表的用法。
am_lists.htm
md-divider是一个Angular Directive，是一个规则元素，用于显示一个瘦的轻量级规则，用于对列表和页面布局中的内容进行分组和划分。
下表列出了md-divider的不同属性的参数和描述。
md-inset
添加此属性以激活插入分隔符样式。
md-dialog是一个Angular Directive，是一个容器元素，用于显示一个对话框。 其元素md-dialog-content包含md-dialog-content ， md-dialog-actions负责对话框操作。
mdDialog服务mdDialog打开应用程序对话框，通知用户有关信息并帮助他们做出决策。
以下示例显示了md-dialog指令和mdDialog服务的使用以及角度对话框的使用。
am_dialog.htm
md-datepicker是一个Angular Directive，是一个输入控件，用于选择日期并支持ngMessages进行输入验证。
下表列出了md-datepicker的不同属性的参数和描述。
该组件的模型需要一个JavaScript Date对象。
md-content是一个Angular Directive，是一个容器元素，用于可滚动内容。 可以添加layout-padding属性以具有填充内容。
以下示例显示了md-content指令的使用以及角度内容显示的使用。
am_content.htm
md-checkbox是一个Angular Directive，用作复选框控件。
下表列出了md-checkbox的不同属性的参数和说明。
可分配的角度表达式以数据绑定到。
name
发布控件的表单的属性名称。
md-button是Angular Directive，是一个带有可选墨水波纹的按钮指令（默认情况下启用）。 如果提供了href或ng-href属性，则此指令充当锚元素。
下表列出了md-button不同属性的参数和说明。
md-no-ink
如果设置为true，则禁用波纹墨水效果。
以下资源包含有关Angular Material的其他信息。 请使用它们来获得更深入的知识。
Angular Material官方网站 - Angular Material官方网站
Angular Material有几个特殊类，可以将容器显示为带阴影的纸状卡片。
下表列出了不同的类及其描述。
md-whiteframe-1dp
这为具有1px边框阴影的任何HTML内容设置了容器样式。 添加zdepth为1。
md-virtual-repeat-container是md-virtual-repeat组件的滚动容器。
下表列出了md-virtual-repeat-container的不同属性的参数和描述。
md-top-index
将位于滚动容器顶部的项目的索引绑定到$ scope。 它既可以读取也可以设置滚动位置。
Angular Material提供各种排版CSS类，可用于在Angular JS应用程序中创建视觉一致性。
md-display-1
使用Regular 34px显示文本。
md-display-2
使用Regular 45px显示文本。
Angular Material提供了各种特殊方法来向用户显示不显眼的警报。 它还为他们提供了一个术语吐司。 $ mdToast服务用于显示祝酒词。
以下示例显示了toasts的用法。
am_toasts.htm
Angular Material组件使用意图组类，如md-primary，md-accent，md-warn和其他类，用于颜色差异，如md-hue-1，md-hue-2或md-hue-3。 以下组件支持使用上述类。
md-button
md-checkbox
md-progress-circular
md-progress-linear
md-radio-button
md-slider
md-switch
md-tabs
md-text-float
md-switch是一个Angular指令，用于显示一个开关。
下表列出了md-switch不同属性的参数和说明。
数据绑定的可赋值角度表达式。
滑动功能适用于移动设备。 以下指令用于处理滑动。
md-swipe-down ，Angular指令用于指定向下滑动元素时的自定义行为。
md-swipe-left ，Angular指令用于指定向左滑动元素时的自定义行为。
md-swipe-right ，Angular指令用于指定向右滑动元素时的自定义行为。
md-swipe-up ，Angular指令用于指定元素被刷新时的自定义行为。
md-subheader是一个Angular指令，用于显示节的子标题。
以下示例显示了md-subheader的使用以及subheader组件的用法。
am_subheaders.htm
md-fab-speed-dial是一个Angular指令，用于显示一系列弹出元素或按钮，以便快速访问常用操作。
下表列出了md-fab-speed-dial的不同属性的参数和描述。
* md-direction
这决定了快速拨号相对于触发元素的显示方向。
md-sidenav ，Angular指令用于显示可以以编程方式显示或隐藏的容器组件。 默认情况下，它会滑过主内容区域的顶部。
下表列出了md-sidenav的不同属性的参数和描述
md-is-open
是否打开sidenav的模型。
md-grid-list是一个Angular指令，是用于为不同屏幕大小布置内容的组件。 网格在桌面大小屏幕中有12列，在平板电脑大小屏幕中有8列，在手机大小屏幕中有4列，其中每个大小都有预定义的边距和装订线。 细胞按照它们被定义的顺序以连续的方式排列。
下表列出了md-grid-list的不同属性的参数和描述。
* md-cols
这是针对网格中的列数。
md-icon是一个Angular指令，是一个在应用程序中显示基于矢量的图标的组件。 除了使用Google Material Icons之外，它还支持图标字体和SVG图标。
下表列出了md-icon的不同属性的参数和说明。
* md-font-icon
这是与font-face关联的CSS图标的字符串名称，用于呈现图标。 需要预加载字体和命名的CSS样式。
md-input-container是一个Angular指令，是一个容器组件，它包含任何《input》或《textarea》元素作为子元素。 它还支持使用标准ng-messages指令进行错误处理，并使用ngEnter/ngLeave事件或ngShow/ngHide事件设置消息动画。
下表列出了md-input-container的不同属性的参数和描述。
容器元素上的布局指令用于指定其子元素的布局方向。 以下是布局指令的可分配值 -
row - 项目水平排列，max-height = 100％，max-width是容器中项目的宽度。
column - 项目垂直排列，max-width = 100％，max-height是容器中项目的高度。
对于响应式设计（例如根据设备屏幕大小自动更改布局），下表中列出的布局API可用于设置具有视图宽度的设备的布局方向。
Angular Material提供了丰富的UI小部件库。 这允许用户与应用程序具有高级交互功能。
下表列出了几个重要的Widgets及其描述 -
md-card是一个Angular Directive，是一个容器指令，用于在angularjs应用程序中绘制卡片。 下表列出了md-card中使用的angular指令和类。
《md-card-header》
卡的标题，持有头像，文本和平方图像。
《md-card-avatar》
卡头像。
$mdBottomSheet是一个Angular服务，用于在应用程序上打开一个底部工作表，并提供一个简单的promise API。
$mdBottomSheet.show(options);
显示包含指定选项的底部工作表。
