Angular EasyUI 链接按钮

2020-06-24 17:28 更新

链接按钮( 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>

  • 参考图例:

以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号