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 步进器相关推荐

  1. AngularDart Material Design 卡片

    2019独角兽企业重金招聘Python工程师标准>>> 自述 Material Card 材料卡是由Google材料团队(也称为mdc-web)提供的卡片样式. 这是一个允许在Ang ...

  2. AngularDart Material Design 日期选择器

    2019独角兽企业重金招聘Python工程师标准>>> MaterialDateRangePickerComponent Selector: <material-date-ra ...

  3. AngularDart Material Design 输入

    2019独角兽企业重金招聘Python工程师标准>>> MaterialInputComponent Selector: <material-input:not(materia ...

  4. AngularDart Material Design 选项树

    2019独角兽企业重金招聘Python工程师标准>>> MaterialTreeComponent Selector: <material-tree> 支持选项树的材质选 ...

  5. html5 仿微信语音播放器,Material design风格HTML5 audio音频播放器

    jAudio.js是一款基于HTML5 audio的Material design风格音频播放器jQuery插件.该音频播放器可以设置音频播放列表,每首曲子的封面,标题等,还可以控制歌曲的播放和快进, ...

  6. Android 基于ijkplayer+Rxjava+Rxandroid+Retrofit2.0+MVP+Material Design的android万能播放器aaa

    MDPlayer万能播放器 MDPlayer,基于ijkplayer+Rxjava+Rxandroid+Retrofit2.0+MVP+Material Design的android万能播放器,可以播 ...

  7. 基于ijkplayer+Rxjava+Rxandroid+Retrofit2.0+MVP+Material Design的android万能播放器

    MDPlayer万能播放器 MDPlayer,基于ijkplayer+Rxjava+Rxandroid+Retrofit2.0+MVP+Material Design的android万能播放器,可以播 ...

  8. Material Design 设计规范总结(2)

    本文是Material Design设计规范总结的第二部分,是进行UI设计与前端开发的必备参考资料. 八.布局 (1)所有可操作元素最小点击区域尺寸:48dp X 48dp. (2)栅格系统的最小单位 ...

  9. Android Material Design之在RecyclerView中嵌套CardView实现

    前言: 第一眼就爱上了Android的Material Design风格.以前倒对Android的界面风格不那么喜欢,扁平化的界面设计真是好看. 其实,这个嵌套操作在实现上并没有什么难点.可是,我还在 ...

最新文章

  1. 《postfix邮件服务下mailq、postmap、postqueue 、 postsuper等用法》
  2. 【ArcGIS微课1000例】0021:ArcToolBox工具箱功能与环境概述
  3. python opencv 读取视频流不解码_python + opencv: 解决不能读取视频的问题
  4. 「Python-Django」django 实现将本地图片存入数据库,并能显示在web上
  5. POJ2586(贪心)
  6. ORACLE小错误和小技巧
  7. Spring之@Configuration配置解析
  8. CleanCodeHandbook Chapter 3: Linked List(20-24)
  9. python的文件夹_Python文件夹与文件的操作
  10. 怎么将几张pdf合并成一张_如何将多个PDF合并成一个PDF?PDF文档合并成单个的方法...
  11. Topaz Video Enhance AI(ai视频画质增强软件)官方正式版V2.2.0 | AI视频放大软件下载 | 视频画质怎么变清晰?
  12. 假如现在你有30分钟,你会做什么?
  13. 格式工厂 vtt字幕 加入视频
  14. GO分析和KEGG分析都是啥?
  15. 服务器内存延迟,内存、延迟等性能全面测试
  16. STC89C51——定时器/计数器介绍及程序配置
  17. java vm art 2.1.0_ART Runtime 创建(二)--启动参数
  18. 2020年高校微信小程序开发大赛全国三等奖——《重邮指路牌》
  19. 如何把流氓软件删除干净
  20. Centos7进入图形界面

热门文章

  1. WPF 使用依赖属性(DependencyProperty) 定义用户控件中的Image Source属性
  2. 通用计划明年推出自动驾驶出租车共享服务,可定制化设计车辆
  3. 如何下载一个物种的全部EST序列 | NCBI | 表达序列标签
  4. Firebug Lite——在没有调试工具的浏览器(如IE6-7)中调试
  5. 深入理解JVM原理之编译openjdk7
  6. 本地Git关联远程Git时遇到的一些问题
  7. Java类集框架 —— LinkedList源码分析
  8. 2017/5 JavaScript基础9 --- 闭包、作用域
  9. php设计模式的六大原则(二):开闭原则
  10. 使用devenv/MSBuild在命令行编译单个project