如何在AngularJS中注册我自己的事件侦听器？

添加事件监听器将在指令的链接方法中完成。下面我写了一些基本指令的例子。然而，如果你想使用jquery-ui的.draggable()和.droppable()，你能做的是知道下面每个指令的链接函数中的elem param实际上是一个jQuery对象。所以你可以调用elem.draggable()，并做你要做的那里。

下面是一个使用指令绑定dragstart的例子：

app.directive('draggableThing',function(){ 
   return {
      restrict: 'A',//attribute only
      link: function(scope,elem,attr,ctrl) {
         elem.bind('dragstart',function(e) {
            //do something here.
         });
      }
   };
});

这里是如何使用它。

<div draggable-thing>This is draggable.</div>

使用Angular绑定到div或其他东西的例子。

app.directive('droppableArea',function() {
   return {
       restrict: 'A',link: function(scope,ctrl) {
            elem.bind('drop',function(e) {
                /* do something here */
            });
       }
   };
});

这里是如何使用它。

<div droppable-area>Drop stuff here</div>

我希望有所帮助。