開關按鈕( SwitchButton )用于form
表單。
開關按鈕( SwitchButton )有兩個狀態(tài):“開”與“關”。用戶可以點擊或輕擊來切換,標簽狀態(tài)可定義。
名稱 | 數(shù)據(jù)類型 | 作用描述 | 默認值 |
---|---|---|---|
value | boolean | 綁定到按鈕的值。 | null |
onText | string | 按鈕狀態(tài)為on時的文本值。 | ON |
offText | string | 按鈕關閉狀態(tài)時的文本值。 | 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>
更多建議: