Angular EasyUI 開關(guān)按鈕

2020-06-24 17:28 更新

開關(guān)按鈕( SwitchButton )用于form表單。 開關(guān)按鈕( SwitchButton )有兩個狀態(tài):“開”與“關(guān)”。用戶可以點(diǎn)擊或輕擊來切換,標(biāo)簽狀態(tài)可定義。

屬性列表

名稱 數(shù)據(jù)類型 作用描述 默認(rèn)值
value boolean 綁定到按鈕的值。 null
onText string 按鈕狀態(tài)為on時(shí)的文本值。 ON
offText string 按鈕關(guān)閉狀態(tài)時(shí)的文本值。 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">分享網(wǎng)絡(luò):</label>
    <eui-switchbutton #s2 [(ngModel)]="shared"></eui-switchbutton>
</div>
<div class="fitem">
    <label [for]="s3">訂閱:</label>
    <eui-switchbutton #s3 [(ngModel)]="subscribed"></eui-switchbutton>
</div>

  • 參考圖例:

開關(guān)按鈕

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號