Usage Sample for Angular JS Context Menu Directive

app.js

'use strict';

/**
 * This Gist is code sample for blogpost: 
 * http://www.cssjunction.com/angularjs/custom-context-menu-directive/
 */

var app = angular.module('contextMenuApp')
	.controller('MainCtrl', function ($scope) {

		$scope.menus = [
			{label: 'View',   action: 'callView',   active: true},
			{label: 'Delete', action: 'deleteItem', active: true},
			{label: 'Send',   action: 'sendItem',   active: false}
		];

		$scope.deleteItem = function(arg){
			console.warn('deleted ...')
		};

		$scope.callView = function(arg){
			console.info('View Call, another method')
		};

	});

}]);

view.html

<section ng-app="contextMenuApp">
      <div ng-controller="MainCtrl">
            <button 
                  context-menu 
                  menu-items="menus"
                  pointer-node=".showHere">
                          Show Options
                          <span class="showHere">&gt;</span>
            </button>
      </div>
</section>