Angular2 Dropdown Component
Material-like dropdown component for Angular2.
Install
npm install ng2-material-dropdown --save
Demo
Check out the demo at http://www.buompris.co/ng2-material-dropdown
Usage
Once installed, import the directives and use it them your container component:
Open Menu {{ page }} With Divider
// import module; @ {}
API
ng2-dropdown
dynamicUpdate
-[?boolean]
: option to disable the dynamic update of the position on scroll events (defaults totrue
)onItemSelected()
-[(onItemSelected($event)]
: event that emits the currently selected/hovered itemonItemClicked()
-[(onItemClicked($event)]
: event that emits the item clicked ononShow()
-[(onItemClicked($event)]
: event that emits when the dropdown gets shownonHide()
-[(onItemClicked($event)]
: event that emits when the dropdown gets hidden
ng2-dropdown-menu
focusFirstElement
-[?boolean]
: by default the first element is immediately focused. You can disable by setting this option to falsewidth
-[?number]
: this determines the width of the menu. Possible values are 2, 4 and 6. By default, this is set to 4offset
-[?string]
: offset to adjust the position of the dropdown with absolute valuesappendToBody
-[?boolean]
: by default the dropdown is appended to the body, but you can disable this by setting it tofalse
ng2-dropdown-button
showCaret
-[?boolean]
: if present, a caret will be appended to the button's text
ng2-menu-item
preventClose
-[?boolean]
: if present, this attribute prevents the menu to hide when the menu item is clickedvalue
-[?any]
: any value that you may want to attach to a menu item. Useful for using this component with other components.