Adding context-menu-disabled attribute

Author: busterbeans

README.md

@@ -30,6 +30,12 @@ var app = angular.module('menu-demo', ['ngRoute', 'ng-context-menu'])
 menu in a container with padding/margin/etc so it's best to place it as a direct child of the body element as is
 shown in this example.
 
+#### 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!
 
 «–– [Ian](http://ianvonwalter.com)

dist/ng-context-menu.js

@@ -11,6 +11,7 @@ angular
       link: function($scope, element, attrs) {
         var opened = false,
             openTarget,
+            disabled = $scope.$eval(attrs.contextMenuDisabled),
             win = angular.element($window),
             menuElement = angular.element(document.getElementById(attrs.target)),
             fn = $parse(attrs.contextMenu);
@@ -30,25 +31,27 @@ angular
         menuElement.css('position', 'absolute');
 
         element.bind('contextmenu', function(event) {
-          openTarget = event.target;
-          event.preventDefault();
-          event.stopPropagation();
-          $scope.$apply(function() {
-            fn($scope, { $event: event });
-            open(event, menuElement);
-          });
+          if (!disabled) {
+            openTarget = event.target;
+            event.preventDefault();
+            event.stopPropagation();
+            $scope.$apply(function() {
+              fn($scope, { $event: event });
+              open(event, menuElement);
+            });
+          }
         });
 
         win.bind('keyup', function(event) {
-          if (opened && event.keyCode === 27) {
+          if (!disabled && opened && event.keyCode === 27) {
             $scope.$apply(function() {
               close(menuElement);
             });
           }
         });
 
         function handleWindowClickEvent(event) {
-          if (opened && (event.button !== 2 || event.target !== openTarget)) {
+          if (!disabled && opened && (event.button !== 2 || event.target !== openTarget)) {
             $scope.$apply(function() {
               close(menuElement);
             });

dist/ng-context-menu.min.js

@@ -11,6 +11,7 @@ angular
       link: function($scope, element, attrs) {
         var opened = false,
             openTarget,
+            disabled = $scope.$eval(attrs.contextMenuDisabled),
             win = angular.element($window),
             menuElement = angular.element(document.getElementById(attrs.target)),
             fn = $parse(attrs.contextMenu);
@@ -30,25 +31,27 @@ angular
         menuElement.css('position', 'absolute');
 
         element.bind('contextmenu', function(event) {
-          openTarget = event.target;
-          event.preventDefault();
-          event.stopPropagation();
-          $scope.$apply(function() {
-            fn($scope, { $event: event });
-            open(event, menuElement);
-          });
+          if (!disabled) {
+            openTarget = event.target;
+            event.preventDefault();
+            event.stopPropagation();
+            $scope.$apply(function() {
+              fn($scope, { $event: event });
+              open(event, menuElement);
+            });
+          }
         });
 
         win.bind('keyup', function(event) {
-          if (opened && event.keyCode === 27) {
+          if (!disabled && opened && event.keyCode === 27) {
             $scope.$apply(function() {
               close(menuElement);
             });
           }
         });
 
         function handleWindowClickEvent(event) {
-          if (opened && (event.button !== 2 || event.target !== openTarget)) {
+          if (!disabled && opened && (event.button !== 2 || event.target !== openTarget)) {
             $scope.$apply(function() {
               close(menuElement);
             });