博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
AngularDart Material Design 复选框
阅读量:6554 次
发布时间:2019-06-24

本文共 1182 字,大约阅读时间需要 3 分钟。

hot3.png

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

查看,查看。

转载于:https://my.oschina.net/u/3647851/blog/2032394

你可能感兴趣的文章
碉堡了!又一只会跑酷的狗狗!
查看>>
python入门(一)-- 简介与基本语法
查看>>
oh-my-zsh安装与配置
查看>>
pyramid学习笔记整理
查看>>
common lisp asdf
查看>>
git修改远程仓库地址
查看>>
Guess the number
查看>>
iscsi网络存储
查看>>
团队随笔
查看>>
Java内存块说明
查看>>
List集合具体对象的特点
查看>>
网络信息安全之防火墙***检测方法 (五)
查看>>
怎样为用户写“招标书”
查看>>
1.7 文件目录管理及相关的命令使用方法
查看>>
实际案例告诉你大数据在农业中如何应用
查看>>
LAMP优化策略
查看>>
PDF中添加页面/合并 PDF 内容
查看>>
JS仿FLASH特效可跳转回首页的CSS二级联动菜单
查看>>
页面导入样式时,使用link和@import有什么区别?
查看>>
类成员与类的实例成员
查看>>