MenuComponent
Represents the Kendo UI Menu component for Angular.
Definition
Package:@progress/kendo-angular-menu
Selector:kendo-menu
Export Name:Accessible in templates as #kendoMenuInstance="kendoMenu"
Syntax:
_@Component({
selector: 'my-app',
template: `
<kendo-menu [items]="items">
</kendo-menu>
`
})
class AppComponent {
public items: any[] = [{ text: 'item1', items: [{ text: 'item1.1' }] }, { text: 'item2', disabled: true }];
}Inputs
animate
boolean | MenuAnimation
Sets the Menu animation.
true
appendTo
ViewContainerRef
Defines the container to which the popups will be appended.
hoverDelay
number
Specifies the delay in milliseconds before the Menu items are opened or closed on item hover or leave (see example). Used to avoid the accidental opening or closing of the items.
100
items
any[]
Specifies the Menu items.
openOnClick
boolean | OpenOnClickSettings
Specifies that the root items can be opened only on click (see example).
false
Configures the popup settings for the Menu items. Allows customization of the popup class and margin.
trackBy
TrackByFunction<any>
Defines a function that determines how to track changes for the menu items. By default, the component tracks changes by index.
defaultTrackBy
vertical
boolean
Specifies if the Menu will be vertical (see example).
false
Events
Fires when a Menu item is closed (see example).
Fires when a Menu item is opened (see example).
Fires when a Menu item is selected (see example).
Methods
Opens or closes the specified Menu items.
A Boolean value which indicates if the items will be opened or closed.
indicesstring[]One or more values which represent the hierarchical indices of the items that will be opened or closed.