Example of Data Binding in Angular Menu Bar Component

This sample demonstrates the way of data binding in menu component with JavaScript object array (local data source). Interact with menu using hover / click action.

Description

The menu component loads the data through the items property, where the data can either be structured as hierarchical or self-referential data, i.e. mapped with id and parentId fields.

In this demo, the component is bound with the list type data where the parent-child relation is referred by id and parentId mapping fields.

More information about menu can be found in this data binding section.