angular-rightclick-contextmenu

_Right click context menu for angular 1.5_

__DEMO:__ https://msarsha.github.io/angular-right-click/

Installation

- npm install --save right-click-menu

$3

Clone the repo and run npm install to install dependencies and then gulp to build;

$3

* 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



``

$3

options should be a key\value object

Supported 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 handler

The 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 handler

The 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/