在AngularJs中制作自定义上下文菜单

<button ng-contextmenu="contextMenuTemplate">右键点击我</button>

<script type="text/ng-template" id="contextMenuTemplate">
  <ul class="context-menu">
    <li ng-click="doSomething()">菜单项1</li>
    <li ng-click="doSomethingElse()">菜单项2</li>
  </ul>
</script>

app.controller('MyController', function($scope) {
  $scope.doSomething = function() {
    // 处理菜单项1的点击事件
  };

  $scope.doSomethingElse = function() {
    // 处理菜单项2的点击事件
  };
});

.context-menu {
  position: absolute;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 5px;
}

.context-menu li {
  cursor: pointer;
  padding: 5px;
}

.context-menu li:hover {
  background-color: #f0f0f0;
}