JSFiddle - React, Tailwind, and code Playground

by Yaprak Ayazoğlu

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.16/angular.min.js"></script>
<div ng-controller="MainController">
  <ul ng-show="isVisible" id="context-menu-1"> 
    <li> Menu item 1 </li>
    <li> Menu item 2 </li>
  </ul>
  <div ng-contextmenu="context-menu-1"> Right click at the item. </div>
</div>

CoffeeScript

myApp = angular.module("myApp", [])

myApp.controller "MainController", ["$scope", ($scope) ->

]

myApp.directive "ngContextMenu", ->
  contextMenu = {}
  contextMenu.restrict = "A"
  contextMenu.link = (lScope, lElement, lAttr) ->
    lElement.bind "click", ->
      lElement.append("<div>Smt</div>")
      
  
  return contextMenu