Directive for creating a material designed menu. The menu can either be positioned manually, or automatically, by anchoring it to an element.
This directive will automatically apply proper accessibility attributes to the contained list, and its items:
- All list items will be assigned
role="menuitem", and a
- Disabled menu items (use
disabledon the item), will be assigned:
- The list itself will be assigned the
Exported as: mdcMenuAnchor
Directive for an optional anchor to which a menu can position itself.
menuAnchor input of
to bind the menu to the anchor. The anchor must be a direct parent of the menu.
It will get the following styles to make the positioning work:
position: relative; overflow: visible;.
Directive for a spec aligned material design Menu.
This directive should wrap an
contains the menu items (and possible separators).
Assign an (optional)
Event emitted when the user selects a value. The passed object contains a value
(set to the
Event emitted when the menu is closed without any selection being made.
Event emitted when the menu is opened or closed.
When this input is defined and does not have value false, the menu will be opened, otherwise the menu will be closed.
Set this value if you want to customize the direction from which the menu will be opened.
Note that without this setting the menu will base the direction upon its position in the viewport,
which is normally the right behavior. Use
Data send by the
pick event of
The index of the selected menu item (