Angular EasyUI 鏈接按鈕

2020-06-24 17:28 更新

鏈接按鈕( LinkButtonComponent )用于創(chuàng)建一個(gè)超鏈接按鈕。 鏈接按鈕( LinkButtonComponent )可顯示圖標(biāo)和文本,或者僅僅顯示圖標(biāo)和文本中的一個(gè),按鈕寬度可動(dòng)態(tài)收縮/擴(kuò)展以適應(yīng)其文本標(biāo)簽。

屬性列表

名稱 數(shù)據(jù)類型 作用描述 默認(rèn)值
disabled boolean 為True時(shí),禁用按鈕。 false
toggle boolean 為True時(shí),使用戶能夠?qū)⑵錉顟B(tài)切換為已選擇或未選擇。 false
selected boolean 是否選擇按鈕的狀態(tài)。 false
outline boolean 是否顯示大綱邊框。 false
plain boolean 表現(xiàn)出一種無格式的效果。 false
iconCls string 在左邊顯示16x16圖標(biāo)的CSS類。 null
iconAlign string 按鈕圖標(biāo)的位置??蛇x的值:'left', 'right', 'top', 'bottom'。 left
size string 按鈕的大小。可選的值: 'small','large'。 small
btnCls string 按鈕樣式類。 null
btnStyle Object 按鈕內(nèi)聯(lián)樣式。 null
text boolean 按鈕的文本。 null

字段列表

名稱 類型 作用描述
btnRef ElementRef 對(duì)按鈕組件的引用。
focused boolean 返回聚焦?fàn)顟B(tài)。

事件列表

名稱 參數(shù) 作用描述
click none 單擊按鈕時(shí)觸發(fā)。

方法列表

名稱 參數(shù) 返回值 作用描述
focus none void 聚焦按鈕。
blur none void 失焦按鈕。

注:
- 繼承: None 。
- 選擇器: eui-linkbutton 。

使用方法

<eui-linkbutton iconCls="icon-add">Add</eui-linkbutton>
<eui-linkbutton iconCls="icon-remove">Remove</eui-linkbutton>
<eui-linkbutton iconCls="icon-save">Save</eui-linkbutton>
<eui-linkbutton iconCls="icon-cut" [disabled]="true">Cut</eui-linkbutton>

  • 參考圖例:

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

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)