AngularDart Material Design 是/否 按钮 顶

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

查看示例,查看源码

(adsbygoogle = window.adsbygoogle || []).push({}); function googleAdJSAtOnload() { var element = document.createElement("script"); element.src = "//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"; element.async = true; document.body.appendChild(element); } if (window.addEventListener) { window.addEventListener("load", googleAdJSAtOnload, false); } else if (window.attachEvent) { window.attachEvent("onload", googleAdJSAtOnload); } else { window.onload = googleAdJSAtOnload; }

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏木子昭的博客

让css3动画变得有趣wowjs

animate.css 包含了一组炫酷、有趣、跨浏览器的动画,可以在你的项目中直接使用。

25230
来自专栏python学习路

一、HTML

html概述和基本结构 html概述 HTML是 HyperText Mark-up Language 的首字母简写,意思是超文本标记语言,超文本指的是超链接,...

1.7K40
来自专栏葡萄城控件技术团队

ActiveReports 区域报表中的事件介绍

1、仅触发一次的事件 以下是在报表的处理过程中仅触发一次的所有事件这些事件在报表的处理周期中仅在最开始和结束前触发一次。 ReportStart 该事件在Dat...

24070
来自专栏pangguoming

使用svgdeveloper 和 svg-edit 绘制svg地图

目录: 1. 描述 2. 准备工作 3. 去除地图模板上的水印(可跳过) 4. 方法一、SVGDeveloper 5. 方法二、SVG-Edit 1. 描述 有...

58850
来自专栏小巫技术博客

A017-布局之FrameLayout

帧布局,是所有布局容器中最简单的一种,控件定义在FrameLayout中默认放置在左上角,定义在后面的控件会层叠在前面定义的控件之上,所以才会被称为帧布局。

12230
来自专栏JetpropelledSnake

Linux学习笔记之Xshell配色方案定制

点击 Browse 按钮,弹出如下面板,选择 ANSI Colors on Black,然后点击右侧save as 按钮,命名为 zkl。

1.2K10
来自专栏腾讯云商业智能分析团队的专栏

普通表格常见设置

表格组件是以表格的形式展现数据的载体,表格可以绑定任意一查询的多个字段。根据是否给字段使用统计函数来区分,可划分为细节数据表格和汇总表格。

22410
来自专栏AndroidTv

前端入门2-HTML标签声明正文-HTML标签

作为一个前端小白,入门跟着这四个来源学习,感谢作者的分享,在其基础上,通过自己的理解,梳理出的知识点,或许有遗漏,或许有些理解是错误的,如有发现,欢迎指点下。

20920
来自专栏Google Dart

AngularDart4.0 高级-组件样式 顶

Angular应用程序使用标准CSS进行样式化。 这意味着您可以将所有关于CSS样式表,选择器,规则和媒体查询的知识直接应用于Angular应用程序。

10820
来自专栏刘望舒

React Native组件(三)Text组件解析

前言 此前介绍了最基本的View组件,接下来就是最常用的Text组件,对于Text组件的一些常用属性,这篇文章会给出简单的例子以供学习。 1 概述 Text组...

26260

扫码关注云+社区

领取腾讯云代金券