angular-right-click

Angular right click and context menu library. No dependencies.

Installation

$3

- Copy/move ng-right-click.js from src dir in the package to your project dir
- In your Angular app, add a dependency to your module as below:

angular.module('yourApp',['ngRightClick',...]');

$3

In your project dir, type the following command:

``sh
$ bower install angular-right-click
`
Then add a
`
And finally in your Angular app, add the dependency as:

angular.module('yourApp',['ngRightClick',...]');

$3

In your project dir, run the following command:

`sh
$ npm install angular-right-click
`
Then require() in your project source as:

`javascript
require('angular-right-click')
`

$3


Import default css file in your project index file as:

`html

`

Usage

$3

`html



`

$3

In your html file, use the component like this:

`html



`

$3

`html



`

where the data format is (in your controller):

`javascript
$scope.sayHello = function(){
//say hello!
};

$scope.menuItems = [
{ text: "Menu Item 1", //menu option text
disabled: true //No click event. Grayed out option.
},
{
text:"Menu Item 2",
callback: sayHello, //function to be called on click
disabled: false
}
];
`

$3

I have included a default css file for default styling. Include it in your file. You can easily override it with your custom css class lie that:

`html



``

Examples

Please check the examples directory to get the gist!

Check code example here.