Angular EasyUI 鏈接按鈕

2020-06-24 17:28 更新

鏈接按鈕（ LinkButtonComponent ）用于創(chuàng)建一個超鏈接按鈕。 鏈接按鈕（ LinkButtonComponent ）可顯示圖標和文本，或者僅僅顯示圖標和文本中的一個，按鈕寬度可動態(tài)收縮/擴展以適應其文本標簽。

屬性列表

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

字段列表

名稱 類型 作用描述
btnRef ElementRef 對按鈕組件的引用。
focused boolean 返回聚焦狀態(tài)。

事件列表

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

方法列表

名稱 參數 返回值 作用描述
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>

  • 參考圖例：

以上內容是否對您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號