開關(guān)按鈕( SwitchButton )用于form
表單。
開關(guān)按鈕( SwitchButton )有兩個(gè)狀態(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>
更多建議: