• Getting Started
  • Components
    • Barcodes
    • Buttons
    • Chartsupdated
    • Conversational UIupdated
    • Data Query
    • Date Inputsupdated
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Filter
    • Gantt
    • Gauges
    • Gridupdated
    • Icons
    • Indicators
    • Inputsupdated
    • Labels
    • Layout
    • ListBox
    • ListView
    • Map
    • Menus
    • Navigation
    • Notification
    • Pager
    • PDF Export
    • PDFViewer
    • PivotGridupdated
    • Popup
    • ProgressBars
    • Ripple
    • Schedulerupdated
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • ToolBar
    • Tooltips
    • TreeList
    • TreeView
    • Typography
    • Uploads
    • Utilities
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Sample Applications
  • FAQ
  • Troubleshooting
  • Updates
  • Changelogs
Components / Menus / API / FlatBindingDirective / 
New to Kendo UI for Angular? Start a free 30-day trial

FlatBindingDirective

A directive that converts the provided flat data to MenuItems and binds them to the Menu.

Selector

[kendoMenuFlatBinding]

Export Name

Accessible in templates as #kendoFlatBindingInstance="kendoMenuFlatBinding"

Inputs

NameTypeDefaultDescription

cssClassField

string

Defines the cssClass field of the items.

cssStyleField

string

Defines the cssStyle field of the items.

kendoMenuFlatBinding

any[]

The array of data which will be used to populate the Menu.

disabledField

string

Defines the disabled field of the items.

iconField

string | string[]

Defines the icon field of the items.

idField

string

Defines the id field of the items.

parentIdField

string

Defines the parent id field of the items.

separatorField

string

Defines the separator field of the items.

svgIconField

string | string[]

Defines the svgIcon field of the items.

textField

string

Defines the text field of the items.

urlField

string

Defines the url field of the items.

Methods

rebind

Rebinds the Menu items.

In this article

Not finding the help you need?

Contact Support