codecamp

Angular EasyUI 开关按钮

开关按钮( SwitchButton )用于form表单。 开关按钮( SwitchButton )有两个状态:“开”与“关”。用户可以点击或轻击来切换,标签状态可定义。

属性列表

名称 数据类型 作用描述 默认值
value boolean 绑定到按钮的值。 null
onText string 按钮状态为on时的文本值。 ON
offText string 按钮关闭状态时的文本值。 OFF
handleText string 中心句柄的文本值。 null
disabled boolean 是否为禁用按钮。 false
readonly boolean 按钮是否只读。 false

注意:
- 继承: ValueAccessorBase 。
- 选择器: eui-switchbutton 。

使用方法

<div class="fitem">
    <label [for]="s1">接收邮件:</label>
    <eui-switchbutton #s1 [(ngModel)]="received"></eui-switchbutton>
</div>
<div class="fitem">
    <label [for]="s2">分享网络:</label>
    <eui-switchbutton #s2 [(ngModel)]="shared"></eui-switchbutton>
</div>
<div class="fitem">
    <label [for]="s3">订阅:</label>
    <eui-switchbutton #s3 [(ngModel)]="subscribed"></eui-switchbutton>
</div>

  • 参考图例:

开关按钮

Angular EasyUI 分割按钮
Angular EasyUI 按钮组
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

Angular EasyUI 教程总览

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }