AngularDart Material Design 是/否 按钮

MaterialYesNoButtonsComponent

Selector: <material-yes-no-buttons>git

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

按钮上的文字能够更改,也能够提升。 能够选择突出显示“是”按钮。dom

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

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

Inputs:component

  • disabled bool 

    是否应禁用按钮。事件

    默认值为false。
     get

  • noDisplayed bool 源码

    是否应显示no按钮。it

    默认值为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

查看示例,查看源码

相关文章
相关标签/搜索