文档章节

AngularDart Material Design 步进器

scooplol
 scooplol
发布于 2018/09/11 21:03
字数 617
阅读 8
收藏 0

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

查看示例,查看源码

© 著作权归作者所有

共有 人打赏支持
scooplol
粉丝 15
博文 103
码字总数 205785
作品 0
南充
程序员
私信 提问
AngularDart 现已全面采用 Dart 开发

一直以来,Angular 2依然采用TypeScript作为主流开发语言,然后自动编译成JavaScript 和 Dart。Dart开发者一直在进行Angular 2拆分,将其分为TypeScript/JavaScript版本和Dart版本,并成立了...

oschina
2016/07/21
6K
25
AngularDart 3.0:轻松升级,性能更好

AngularDart 3.0 现已推出。它带来更好的性能和更少的代码生成,加速开发效率。 3.0 版本尽管有一些突破性的变化,但由于 public API 的调整极少,可以看成是一个平滑的升级。主要改进在于代...

王练
2017/05/06
2.6K
4
AngularDart Material Design 卡片

自述 Material Card 材料卡是由Google材料团队(也称为mdc-web)提供的卡片样式。 这是一个允许在AngularDart应用程序中使用样式的包装器。 有关如何使用这些样式的文档,请参阅mdc文档。 可...

scooplol
2018/09/09
0
0
谷歌的 “Dart ”编程语言重返舞台

谷歌 Dart 曾经踌踌满志地想要取代 JavaScript 成为 Web 开发的首选语言。然而在一年半前,谷歌放弃了这个想法。因为 Dart 不仅仅在语言本身,包括它的整个生态圈,都比 JavaScript 落后了一...

局长
2016/11/13
5.5K
10
AngularDart Material Design 是/否 按钮

MaterialYesNoButtonsComponent Selector: <material-yes-no-buttons> 两个按钮的组件水平相邻,如是/否,保存/取消,同意/不同意等。 按钮上的文字可以更改,也可以提高。 可以选择突出显示...

scooplol
2018/09/12
0
0

没有更多内容

加载失败,请刷新页面

加载更多

关于360插件化Replugin Activity动态修改父类的字节码操作

近期在接入360插件化方案Replugin时,发现出现崩溃情况。 大概崩溃内容如下: aused by: java.lang.ClassNotFoundException: Didn't find class "x.x.x.xActivity" on path: 我自己在插件代码......

Gemini-Lin
48分钟前
0
0
mybatis缓存的装饰器模式

一般在开发生产中,对于新需求的实现,我们一般会有两种方式来处理,一种是直接修改已有组件的代码,另一种是使用继承方式。第一种显然会破坏已有组件的稳定性。第二种,会导致大量子类的出现...

算法之名
昨天
17
0
单元测试

右键方法 Go To --> Test,简便快速生成测试方法。 相关注解 @RunWith(SpringRunner.class) 表示要在测试环境中跑,底层实现是 jUnit测试工具。 @SpringBootTest 表示启动整个 Spring工程 @A...

imbiao
昨天
4
0
欧拉公式

欧拉公式表达式 欧拉公式的几何意 cosθ + j sinθ 是个复数,实数部分也就是实部为 cosθ ,虚数部分也就是虚部为 j sinθ ,对应复平面单位圆上的一个点。 根据欧拉公式和这个点可以用 复指...

sharelocked
昨天
5
0
burpsuite无法抓取https数据包

1.将浏览器和burpsuite的代理都设置好 2.在浏览器地址栏输入: http://burp 3.下载下面的证书,并将证书导入浏览器 cacert.der

Frost729
昨天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部