前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >AngularDart Material Design 切换 顶

AngularDart Material Design 切换 顶

作者头像
南郭先生
发布2018-09-30 11:13:31
3720
发布2018-09-30 11:13:31
举报
文章被收录于专栏:Google DartGoogle Dart

MaterialToggleComponent

Selector: <material-toggle>

material-toggle是一个可以是ON或OFF的按钮。

用户可以点击切换按钮来更改状态。 通常,当您有一个ON / OFF选项时,您可以使用切换按钮。 如果您要一组中的多个选项中选中/取消选中,请改用material-checkbox。

Inputs:

  • ariaLabel String  用于切换按钮的ARIA标签。
  • checked bool  切换按钮的当前状态。 true为ON,false为OFF。
  • disabled bool  启用/禁用切换按钮。 如果禁用true,则启用false。
  • label String  切换按钮的标签。

Outputs:

  • checkedChange Stream<bool>  检查切换时触发的事件。

MaterialToggleExampleComponent

查看示例,查看源码

(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; }

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • MaterialToggleComponent
  • MaterialToggleExampleComponent
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档