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>

参考图例：

开关按钮