分类
angular material Web Tutorials 教程

angular材料标签

md-tabs和md-tab Angular指令用于在应用程序中显示选项卡。md-tabs是md-tab元素的分组容器。 属性-md-tabs 下表列出了md-tabs的不同属性的参数和说明。 序号 参数及说明 1个 md选择 活动/选定选项卡的索引。 2 md-no-ink 如果存在,则禁用墨水波纹效果。 3 md-no-ink-bar 如果存在,则禁用选择墨水条。 4 md-align-tabs 指示选项卡按钮位置的属性:底部或顶部;默认为top。 5 md-stretch-tabs 指示是否拉伸选项卡 […]

分类
angular material Web Tutorials 教程

angular材料开关

md-switch是Angular指令,用于显示开关。 属性 下表列出了md-switch的不同属性的参数和说明。 序号 参数及说明 1个 * ng模型 可分配的角度表达式与数据绑定到。 2 名称 发布控件的表单的属性名称。 3 ng-真值 选择表达式时应设置的值。 4 ng-false-value 未选择时应将表达式设置为的值。 5 ng-change 当输入由于用户与输入元素的交互而发生更改时要执行的Angular表达式。 6 禁用ng 根据表达式启用/禁用。 7 md-no-ink 属性的使用表示使用 […]

分类
angular material Web Tutorials 教程

angular材料滑动

滑动功能适用于移动设备。以下指令用于处理滑动。 md-swipe-down,当元素向下滑动时,Angular指令用于指定自定义行为。 md-swipe-left,当元素向左滑动时,Angular指令用于指定自定义行为。 md-swipe-right,当元素向右滑动时,Angular指令用于指定自定义行为。 md-swipe-up,当元素向上滑动时,Angular指令用于指定自定义行为。 例 以下示例显示了md-swipe- *的用法以及滑动组件的用法。 am_swipes.htm <html lang […]

分类
angular material Web Tutorials 教程

angular材料副标题

md-subheader是Angular指令,用于显示节的子标题。 例 以下示例显示了md-subheader的用法以及subheader组件的用法。 am_subheaders.htm <html lang = “en”> <head> <link rel = “stylesheet” href = “https://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.css”&g […]

分类
angular material Web Tutorials 教程

angular材料滑块

md-slider(一个Angular指令)用于显示范围组件。它有两种模式- 正常-用户可以在宽范围的值之间滑动。默认情况下存在此模式。 离散-用户可以在选定的值之间滑动。要启用离散模式,请使用mddiscrete和step属性。 属性 下表列出了md-slider的不同属性的参数和说明。 序号 参数及说明 1个 md离散 这确定是否启用离散模式。 2 步 允许用户选择的值之间的距离。默认情况下为1。 3 分 允许用户选择的最小值。默认情况下为0。 4 最高 允许用户选择的最大值。默认情况下为100。 例 […]

分类
angular material Web Tutorials 教程

angular材料侧面

md-sidenav是Angular指令,用于显示可以以编程方式显示或隐藏的容器组件。默认情况下,它滑出主要内容区域的顶部。 属性 下表列出了md-sidenav的不同属性的参数和说明 序号 参数及说明 1个 md-is-open 绑定到sidenav是否打开的模型。 2 md-component-id 与$ mdSidenav服务一起使用的componentId。 3 md-is-locked-open 当此表达式的值为真时,sidenav“锁定打开”:它落入内容流中,而不是出现在内容流中。这将覆盖is- […]

分类
angular material Web Tutorials 教程

angular材料选择

md-select是一个Angular指令,用于显示以ng-model为边界的Select框。 属性-md-radio-group 下表列出了md-radio-group的不同属性的参数和说明。 序号 参数及说明 1个 * ng模型 该模型! 2 多 无论是多个。 3 md-on-close 选择关闭时要计算的表达式。 4 占位符 占位符提示文本。 5 减肥标签 辅助功能的可选标签。仅当没有占位符或显式标签时才需要。 6 md容器类 要应用于.md-select-menu-container元素的类列表(用 […]

分类
angular material Web Tutorials 教程

angular材料单选按钮

md-radio-group和md-radio-button Angular指令用于在应用程序中显示单选按钮。md-radio-group是md-radio-button元素的分组容器。 属性-md-radio-group 下表列出了md-radio-group的不同属性的参数和说明。 序号 参数及说明 1个 * ng模型 可分配的角度表达式与数据绑定到。 2 md-no-ink 使用该属性指示标志以禁用墨水波纹效果。 属性-md-radio-button 序号 参数及说明 1个 * ng模型 可分配的角度 […]

分类
angular material Web Tutorials 教程

angular材料快速指南

角材料-概述 Angular Material是Angular JS开发人员的UI组件库。Angular Material的可重复使用的UI组件有助于构建有吸引力,一致且功能正常的网页和Web应用程序,同时遵循现代Web设计原则,例如浏览器的可移植性,设备独立性和正常降级。 以下是角度材料的一些显着特征- 内置响应式设计。 标准CSS,占用空间最小。 包括新版本的通用用户界面控件,例如按钮,复选框和文本字段,均适应材料设计概念。 包括增强的专业功能,如卡片,工具栏,快速拨号,侧面导航,滑动等。 跨浏览器,可 […]

分类
angular material Web Tutorials 教程

angular材料进度条

md-progress-circular和md-progress-linear是Angular progress指令,用于显示应用程序中的加载内容消息。 属性-md-progress-circular 下表列出了md-progress-circular的不同属性的参数和说明。 序号 参数及说明 1个 * md模式 从以下两种模式之一中进行选择:“确定”和“不确定”。如果md-mode值设置为undefined或未指定为两(2)个有效模式中的1个,则.ng-hide将自动作为样式应用于组件;如果未配置,则md […]