Angular EasyUI 链接按钮
链接按钮（ LinkButtonComponent ）用于创建一个超链接按钮。
链接按钮（ LinkButtonComponent ）可显示图标和文本，或者仅仅显示图标和文本中的一个，按钮宽度可动态收缩/扩展以适应其文本标签。
属性列表
| 名称 |
数据类型 |
作用描述 |
默认值 |
| disabled |
boolean |
为True时,禁用按钮。 |
false |
| toggle |
boolean |
为True时，使用户能够将其状态切换为已选择或未选择。 |
false |
| selected |
boolean |
是否选择按钮的状态。 |
false |
| outline |
boolean |
是否显示大纲边框。 |
false |
| plain |
boolean |
表现出一种无格式的效果。 |
false |
| iconCls |
string |
在左边显示16x16图标的CSS类。 |
null |
| iconAlign |
string |
按钮图标的位置。可选的值:'left', 'right', 'top', 'bottom'。 |
left |
| size |
string |
按钮的大小。可选的值: 'small','large'。 |
small |
| btnCls |
string |
按钮样式类。 |
null |
| btnStyle |
Object |
按钮内联样式。 |
null |
| text |
boolean |
按钮的文本。 |
null |
字段列表
| 名称 |
类型 |
作用描述 |
| btnRef |
ElementRef |
对按钮组件的引用。 |
| focused |
boolean |
返回聚焦状态。 |
事件列表
| 名称 |
参数 |
作用描述 |
| click |
none |
单击按钮时触发。 |
方法列表
| 名称 |
参数 |
返回值 |
作用描述 |
| 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>
