Right click context menu for AngularJS
npm install right-click-menu_Right click context menu for angular 1.5_
__DEMO:__ https://msarsha.github.io/angular-right-click/
- npm install --save right-click-menu
npm install to install dependencies and then gulp to build;* Add the sh-context-menu directive to the element you wish to enable the context menu functionality.
* Provide a options array that will contain the context menu objects using the menu-options binding.
* Provide a data context object using the context-data binding.
* Optionally provide a options object
```html``Right Click Me
should be a key\value objectSupported options:
rtl: boolen -> Right to left support
$3
menu-options should be an Array with the following structure:``javascript
[
{
label: 'Save', // menu option label
onClick: function($event){ // on click handler
}
},
{
label: 'Edit',
onClick: function($event){ // on click handler
},
disabled: function (dataContext) { // disabled handler
return true;
}
},
{
label: 'Details',
onClick: function($event){ // on click handler
}
},
{
divider: true // will render a divider
},
{
label: 'Remove',
onClick: function($event){ // on click handler
}
}
]
``#### The
onClick handlerThe
onClick handler is a function with $event parameter.The
$event object will contain the following parameters:
* option object that contain the option the user pressed
* dataContext object that was injected using the context-data binding
#### The
disabled handlerThe
disabled handler is a function with dataContext parameter.This handler will be injected with the dataContext provided using the
context-data binding
and will return true/false to disable the current menu option for the current dataContext$3
The
context-data object will be injected into the onClick and disabled handlers.$3
Example can be found under
example/`
And live demo here: https://msarsha.github.io/angular-right-click/