ng-context-menu

An AngularJS directive to display a context menu when a right-click event is triggered



This project was built using ng-boilerplate!

#### Step 1: Install ng-context-menu

Install using Bower:

``
bower install ng-context-menu --save
`

Include ng-context-menu.min.js in your app.

#### Step 2: Load the ng-context-menu module

`javascript
var app = angular.module('menu-demo', ['ngRoute', 'ng-context-menu'])
`

#### Step 3: Add the context-menu directive to a DOM element

`html



`
#### Step 4: Add the markup of the menu you want to be displayed

Customize the menu to your needs. It may look something like:

`html



`

#### Step 5: Make sure your menu is has the `position: fixed` CSS property

As you can see in the demo, I just created a class called position-fixed and added the property:

`css
.position-fixed {
position: fixed;
}
`

#### Disabling the contextmenu

If you need to disable the contextmenu in certain circumstances, you can add an expression to the
`context-menu-disabled` attribute. If the expression evaluates to true, the contextmenu will be
disabled, for example, `context-menu-disabled="1 === 1"`

That's it, I hope you find this useful!

#### close Callback

Add the following attribute to the context-menu element: context-menu-close which should be a function
that will be called whenever the context menu is closed.

`html



``

«–– Ian