Angular EasyUI 菜單按鈕

2020-06-24 17:28 更新

菜單按鈕（ MenuButtonComponent ）是下拉菜單的一部分。與鏈接按鈕（ LinkButtonComponent ）和菜單（ MenuComponent ）有關(guān)。

屬性列表

名稱 數(shù)據(jù)類型 作用描述 默認(rèn)值
menuAlign string 菜單的對齊方式。可選的值: 'left',  'right'。 left
duration number 以毫秒為單位定義持續(xù)時間，以便在按鈕懸停時顯示菜單。 100
menu MenuComponent 下拉菜單組件。 null

注：
- 繼承： LinkButtonComponent 。
- 選擇器： eui-menubutton 。

使用方法

<eui-menubutton [menu]="help" [plain]="true" iconCls="icon-help">Help</eui-menubutton>
<eui-menu #help>
    <eui-menu-item text="Help"></eui-menu-item>
    <eui-menu-item text="Update"></eui-menu-item>
    <eui-menu-item text="About"></eui-menu-item>
</eui-menu>

  • 參考圖例：

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

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號