文档章节

AngularDart Material Design 是/否 按钮

scooplol
 scooplol
发布于 2018/09/12 11:20
字数 534
阅读 10
收藏 0

MaterialYesNoButtonsComponent

Selector: <material-yes-no-buttons>

两个按钮的组件水平相邻,如是/否,保存/取消,同意/不同意等。

按钮上的文字可以更改,也可以提高。 可以选择突出显示“是”按钮。

可以使用MaterialSaveCancelButtonsDirective等指令来提供基本文本自定义,该指令用保存/取消替换是/否。

要以相反顺序显示按钮,请添加reverse属性。

Inputs:

  • disabled bool 

    是否应禁用按钮。

    默认值为false。
     

  • noDisplayed bool 

    是否应显示no按钮。

    默认值为true。
     

  • noText String 

    要在取消按钮上显示的文本。

    例如,Dismiss,Not now等。默认值为No.
     

  • pending bool 

    当pending为true时,隐藏yes和no按钮,并显示一个微调器。

    这应该用于指示异步操作,例如保存或验证输入。

    默认值为false
     

  • raised bool 

    是否应该提高按钮。

    默认值为false。
     

  • yesDisabled bool 

    是否应禁用“是”按钮。

    默认值为false。
     

  • yesDisplayed bool 

    是否应显示是按钮。

    默认值为true。
     

  • yesHighlighted bool

    是否应突出显示是按钮。

    默认值为false。
     

  • yesRaised bool 

    是否应该凸起是按钮。

    默认值为false。
     

  • yesText String 

    要在保存按钮上显示的文本。

    例如,Ok,Apply等。默认值为yes。

Outputs:

  • no Stream<UIEvent> 

    没有按下按钮时要调用的回调。

    已发布的事件是KeyboardEvent或MouseEvent
     

  • yes Stream<UIEvent> 

    按下“是”按钮时要调用的回调。

    已发布的事件是KeyboardEvent或MouseEvent

MaterialSaveCancelButtonsDirective

Selector: <material-yes-no-buttons[saveCancel]>

提供来自是/否按钮的消息以进行保存/取消。

查看源码

MaterialSubmitCancelButtonsDirective

Selector: <material-yes-no-buttons[submitCancel]>

提供来自是/否按钮的默认消息以提交/取消。

查看源码

KeyUpBoundaryDirective

Selector: <[keyupBoundary]>

标记应该处理BoundaryAwareKeyUpDirective实现的keyup事件的dom子树。

查看源码

EscapeCancelsDirective

Selector: <material-yes-no-buttons[escCancels]>

如果附加到yes-no按钮,它将侦听escape keyup事件并触发无操作。

查看源码

MaterialYesNoButtonsExample

查看示例,查看源码

© 著作权归作者所有

共有 人打赏支持
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 按钮

MaterialButtonComponent Selector:<material-button> 平面或凸起按钮,带有可选的波纹效果。 Attributes: 以下属性通常与<material-button>一起使用: icon:如果存在,则删除按钮的最小宽度...

scooplol
2018/09/09
0
0

没有更多内容

加载失败,请刷新页面

加载更多

IOS  学习记录

1.StackView=>IOS 9及以上支持 2.布局方式: AutoLayout / StackView 堆布局 (线性布局) 3.屏幕适配 (资源分辨率、设计分辨率、屏幕分辨率) Size Class技术 可以针对 屏幕的方向进行设置...

萨x姆
今天
4
0
第四次工业革命:自主经济的崛起

https://36kr.com/p/5170370.html

shengjuntu
昨天
3
0
Cloud Native 与12-Factor

12-Factor(twelve-factor),也称为“十二要素”,是一套流行的应用程序开发原则。Cloud Native架构中使用12-Factor作为设计准则。 12-Factor 的目标在于: 使用标准化流程自动配置,从而使...

waylau
昨天
9
0
java多线程2

“非线程安全”问题存在于“实例变量”中,如果是方法内部的私有变量,则不存在线程安全问题。这是因为方法内部的变量都是私有造成的。 synchronized 获取的都是对象锁。如果多个线程访问多个...

一滴水穿石
昨天
4
0
今天的学习

1,document.location.href:获取整个url 2,str.split(' '):用字符分割字符串 3,$this->load->library(' '):引用图像处理类 4,$this->load->library(' '):引用Email类 5,特殊访问指针$th......

墨冥
昨天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部