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

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

hot3.png

MaterialRadioComponent

Selector: <material-radio>

具有材料风格的单选按钮。 通常与material-radio-group一起使用。 选中后,无法通过用户操作取消选中相同的单选按钮。

焦点的键盘交互有点不寻常,因此我们管理自己的流而不是使用FocusItemDirective。

Attributes:

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

Inputs:

  • checked bool 
    是否应该预先选择按钮。
     
  • disabled bool 
    按钮是否应该不响应事件,并且具有暗示不允许交互的风格。
     
  • value dynamic 
    此按钮表示的值,用于具有按钮组的选择模型。

Outputs:

  • checkedChange Stream<bool> 
    当按钮选择状态改变时触发。

MaterialRadioGroupComponent

Selector: <material-radio-group>

包含多个材质单选按钮的组,强制选择组中只有一个值。

您可以通过selected和ngModel获取值,但是应该避免同时使用两者,因为ngModel也通过监听onChange来获取值,因此值可能看起来不同步。

在组级别预选值是通过托管区域完成的,因此如果可以将其设置为按钮级别,请执行此操作。

每个辅助功能指南:

  • SPACE选择
  • 箭头键将焦点移至下一个/上一个选项并选择它
  • CTL +箭头键无需选择即可移动焦点
  • 当使用箭头导航时,焦点将环绕到第一个/最后一个选项
  • 当使用TAB导航时,如果未选择任何内容,焦点将转到未被禁用的第一个或最后一个选项,具体取决于方向,否则焦点将转到所选内容(除非禁用,然后完全跳过组);并在第二个选项卡上跳出组。

 Inputs:

  • selected dynamic 
    当前所选电台的价值。 首选[ngModel]。
     
  • selectionModel SelectionModel<dynamic>
     包含值对象的选择模型。

Outputs:

  • selectedChange Stream<dynamic> 
    选择更改时发布。 首选(ngModelChanged)。

MaterialRadioExample

查看,查看。

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

你可能感兴趣的文章
Java软件架构设计慨论
查看>>
15-用户手册(GB8567——88)
查看>>
AS3效率优化:使用Vector数据类型
查看>>
JAVA 访问WebRoot下的目录文件
查看>>
【vue】vue +element prop用法
查看>>
leetcode1035
查看>>
leetcode1087
查看>>
GoogleTest测试最大子数组和的C++程序
查看>>
PHP:第二章——PHP中的流程控制语句
查看>>
国家奖学金
查看>>
openssh for windows安装
查看>>
scp命令
查看>>
delphi webbrowser 常用方法示例
查看>>
WPF学习视频资料
查看>>
Solidity payable 方法表现
查看>>
mysql命令记录
查看>>
计算概论(A)/基础编程练习2(8题)/3:计算三角形面积
查看>>
AC日记——Andryusha and Socks Codeforces 780a
查看>>
markdown基本语法
查看>>
ArrayList和LinkedList区别
查看>>