AngularDart Material Design 复选框

最新推荐文章于 2024-05-12 09:56:44 发布

weixin_33913377

最新推荐文章于 2024-05-12 09:56:44 发布

阅读量179

点赞数

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/u/3647851/blog/2032394

版权

Selector: <material-checkbox>

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

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

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

Attributes:

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状态。