AngularDart Material Design 步进器
2019独角兽企业重金招聘Python工程师标准>>>
MaterialStepperComponent
Selector: <material-stepper>
材料设计风格的步进器。
步进器是用于将进度或功能作为导航工具传送的编号指示器
Inputs:
- legalJumps String
跳转(定义为由“继续/取消”按钮触发的步骤开关)是合法的。
可能的值:
'none'(默认值;不允许跳转),
'backwards'(跳到已完成的不允许的步骤),
'all'(允许任何跳跃,无论步进状态如何)。 - noText String
要返回到前一步骤的按钮上显示的文本。
默认情况下,显示“Cancel”。 - orientation String
制定步骤的方向。
可能的值:'horizontal'和'vertical'(默认值)。
size String
尺寸主题又确定各种步骤标题元素的大小(例如,步骤编号,步骤名称等)。
可能的值:'default'(默认值)和'mini'。stickyHeader bool
指示列出可用步骤的标题是否应该粘贴到页面顶部。
仅适用于带水平割台的踏步机。
Outputs:
- activeStepChanged Stream<StepDirective>
活动步骤发生变化时触发的事件。
StepDirective
Selector: <[step]>
导出为:step
步进器内的一个步骤。
Inputs:
- canContinue bool
步骤是否可以继续。
这可以用于防止步骤继续直到当前步骤的所有部分满足验证要求。
cancelHidden bool
是否应在此步骤中隐藏取消按钮。complete bool
步骤是否完成。当步进器进入下一步时设置此项。completeSummary String
在垂直默认大小的步进器中完成步骤时显示的摘要文本。对于其他步进器,这不适用。hideButtons bool
是否应在此步骤中隐藏按钮。name String
名称显示为标题。optional bool
步骤是否可选。
可选步骤有一个额外的标签,表示它们是可选的,应该是可跳过的。默认值为false。
Outputs:
- cancel Stream<AsyncAction<bool>>
单击“Cancel ”按钮时调用。
如果事件处理程序调用$ event.cancel(),则不会取消该步骤。 - continue Stream<AsyncAction<bool>>
单击“Continue”按钮时调用。
如果事件处理程序调用$ event.cancel(),则该步骤将不会继续。 - jumpHere Stream<AsyncAction<bool>>
当用户想要跳转到此步骤时调用。
如果事件处理程序调用$ event.cancel(),则该步骤将不会继续。
StepperDemoComponent
查看示例,查看源码。
转载于:https://my.oschina.net/u/3647851/blog/2049805
AngularDart Material Design 步进器相关推荐
- AngularDart Material Design 卡片
2019独角兽企业重金招聘Python工程师标准>>> 自述 Material Card 材料卡是由Google材料团队(也称为mdc-web)提供的卡片样式. 这是一个允许在Ang ...
- AngularDart Material Design 日期选择器
2019独角兽企业重金招聘Python工程师标准>>> MaterialDateRangePickerComponent Selector: <material-date-ra ...
- AngularDart Material Design 输入
2019独角兽企业重金招聘Python工程师标准>>> MaterialInputComponent Selector: <material-input:not(materia ...
- AngularDart Material Design 选项树
2019独角兽企业重金招聘Python工程师标准>>> MaterialTreeComponent Selector: <material-tree> 支持选项树的材质选 ...
- html5 仿微信语音播放器,Material design风格HTML5 audio音频播放器
jAudio.js是一款基于HTML5 audio的Material design风格音频播放器jQuery插件.该音频播放器可以设置音频播放列表,每首曲子的封面,标题等,还可以控制歌曲的播放和快进, ...
- Android 基于ijkplayer+Rxjava+Rxandroid+Retrofit2.0+MVP+Material Design的android万能播放器aaa
MDPlayer万能播放器 MDPlayer,基于ijkplayer+Rxjava+Rxandroid+Retrofit2.0+MVP+Material Design的android万能播放器,可以播 ...
- 基于ijkplayer+Rxjava+Rxandroid+Retrofit2.0+MVP+Material Design的android万能播放器
MDPlayer万能播放器 MDPlayer,基于ijkplayer+Rxjava+Rxandroid+Retrofit2.0+MVP+Material Design的android万能播放器,可以播 ...
- Material Design 设计规范总结(2)
本文是Material Design设计规范总结的第二部分,是进行UI设计与前端开发的必备参考资料. 八.布局 (1)所有可操作元素最小点击区域尺寸:48dp X 48dp. (2)栅格系统的最小单位 ...
- Android Material Design之在RecyclerView中嵌套CardView实现
前言: 第一眼就爱上了Android的Material Design风格.以前倒对Android的界面风格不那么喜欢,扁平化的界面设计真是好看. 其实,这个嵌套操作在实现上并没有什么难点.可是,我还在 ...
最新文章
- 《postfix邮件服务下mailq、postmap、postqueue 、 postsuper等用法》
- 【ArcGIS微课1000例】0021:ArcToolBox工具箱功能与环境概述
- python opencv 读取视频流不解码_python + opencv: 解决不能读取视频的问题
- 「Python-Django」django 实现将本地图片存入数据库,并能显示在web上
- POJ2586(贪心)
- ORACLE小错误和小技巧
- Spring之@Configuration配置解析
- CleanCodeHandbook Chapter 3: Linked List(20-24)
- python的文件夹_Python文件夹与文件的操作
- 怎么将几张pdf合并成一张_如何将多个PDF合并成一个PDF?PDF文档合并成单个的方法...
- Topaz Video Enhance AI(ai视频画质增强软件)官方正式版V2.2.0 | AI视频放大软件下载 | 视频画质怎么变清晰?
- 假如现在你有30分钟,你会做什么?
- 格式工厂 vtt字幕 加入视频
- GO分析和KEGG分析都是啥?
- 服务器内存延迟,内存、延迟等性能全面测试
- STC89C51——定时器/计数器介绍及程序配置
- java vm art 2.1.0_ART Runtime 创建(二)--启动参数
- 2020年高校微信小程序开发大赛全国三等奖——《重邮指路牌》
- 如何把流氓软件删除干净
- Centos7进入图形界面
热门文章
- WPF 使用依赖属性(DependencyProperty) 定义用户控件中的Image Source属性
- 通用计划明年推出自动驾驶出租车共享服务,可定制化设计车辆
- 如何下载一个物种的全部EST序列 | NCBI | 表达序列标签
- Firebug Lite——在没有调试工具的浏览器(如IE6-7)中调试
- 深入理解JVM原理之编译openjdk7
- 本地Git关联远程Git时遇到的一些问题
- Java类集框架 —— LinkedList源码分析
- 2017/5 JavaScript基础9 --- 闭包、作用域
- php设计模式的六大原则(二):开闭原则
- 使用devenv/MSBuild在命令行编译单个project