AngularDart Material Design 复选框 顶

MaterialCheckboxComponent

Selector: <material-checkbox>

<material-checkbox>是一个可以选中或取消选中的按钮。

用户可以点击该复选框以选中或取消选中它。 通常使用复选框允许用户从一组中选择多个选项。如果您有一个ON/OFF选项,请避免使用单个复选框并使用material-toggle。

我们没有扩展ButtonDecorator,因为我们需要覆盖几个属性,包括role,tabindex,但最重要的是因为checkbox只能与SPACE交互,而button适用于SPACE和ENTER。

Attributes:

  • no-ink - 设置此属性以禁用芯片上的涟漪效应。

Inputs:

  • checked bool  复选框的当前状态。这是用户可设置状态,通过toggleChecked(),因此在选中时,indeterminate状态将被清除。 true是CHECKED而false不是。
  • disabled bool  复选框是否不应响应事件,并且具有暗示不允许交互的样式。
  • indeterminate bool 复选框的替代状态,而不是用户可设置状态。 在checked和indeterminate之间,只有一个可以是真的,尽管两者都可能是假的。 true是INDETERMINATE而false不是。
  • indeterminateToChecked bool  确定切换indeterminate状态时要进入的状态。 true将去检查,false将取消选中。
  • label String 复选框的标签,或者使用内容。
  • readOnly bool  是否可以通过用户交互更改复选框。
  • themeColor String  选中时复选框的颜色和纹波。 示例:'#FF00FF'。 默认情况下,它是$ mat-blue-500。 请注意,即使未选中该框,themeColor也会应用于复选框,这与标准材质规格不同。 除非您需要此行为,否则请使用mixin设置themeColor。

Outputs:

  • change Stream<dynamic>  当复选框状态改变时触发,发送checkedStr,即ARIA状态。
  • checkedChange Stream<dynamic> 选中或取消选中复选框时触发,但设置indeterminate时则不触发。 发送checked的状态。
  • indeterminateChange Stream<dynamic> 当复选框进入和退出不确定状态时触发,但是当设置为选中时则不触发。 发送indeterminate状态。

MaterialCheckboxExample

查看示例,查看源码

(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 条评论
登录 后参与评论

相关文章

来自专栏Windows Community

Windows 8.1 应用再出发 - 视图状态的更新

本篇我们来了解一下Windows 8.1 给应用的视图状态带来了哪些变化,以及我们怎么利用这些变化作出更好的界面视图。 首先我们来简单回顾一下Windows 8...

28960
来自专栏程序你好

CSS: :before and :after 使用

10930
来自专栏小程序之家

如何使用小程序媒体组件

图片,视频,音乐是小程序使用中不可缺少的部分,这篇文章中,我们将介绍小程序媒体组件的使用。媒体组件分为audio音频组件,image图像组件,video视频组件...

98910
来自专栏猛牛哥的博客

快手( AAuto Quicker ) v6.5.06更新记录

14030
来自专栏大数据钻研

HTML 入门笔记 - 初识HTML

基础框架 <!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/ht...

46650
来自专栏源码之家

博看网杂志下载时批量更改图片大小

12920
来自专栏大前端开发

微信小程序中实现瀑布流布局和无限加载

瀑布流布局是一种比较流行的页面布局方式,最典型的就是Pinterest.com,每个卡片的高度不都一样,形成一种参差不齐的美感。

45420
来自专栏韩东吉的Unity杂货铺

零基础入门 10: 编辑器下的UGUI Image

Image组件是Unity里显示图片的组件,可以将Sprite类型的图片显示在Canvas下。

13310
来自专栏Java帮帮-微信公众号-技术文章全总结

Web-第一天 HTML【悟空教程】

一天的学习需要使用众多独立没有关联的标签,为了大家更好的吸收,现给出标签总览,以“重要程度”排序。例如:“表格标签”为今天最重要的标签。

36050
来自专栏移动开发

Material Design Button 的 disable 效果

针对 Material Design Button 的 disable 效果这里提一下. 我们经常有这样的需要,在按钮在 disable 状态下,背景色会呈现深...

15650

扫码关注云+社区

领取腾讯云代金券