在Angular指令中，如何在事件删除后重新应用事件侦听器？

Question

这可能是由于我缺乏Angular知识而导致的，如果是这样，请事先谅解。

在Angular中，假设我有一条指令绑定到元素作为属性。

<div my-directive></div>

在指令中，我有一个click事件，它将删除click事件本身。

app.directive("myDirective", function() {
   return {
      link: function(scope, ele, attr, ctrl) {
          ele.on("click", function() {
              ele.off("click");
              console.log("Click event removed");
          });
      }
   }
});

我想再次将此指令的click事件设置到同一div上（例如，单击按钮后）。 我该如何完成？

Answer 1

您可以像这样使用-

app.directive("myDirective", function() {
   return {
      link: function(scope, ele, attr, ctrl) {
          ele.on("click", function() {
              ele.unbind("click");
              console.log("Click event removed");

             angular.element(ele).bind("click");
          });

      }
   }
});

Answer 2

app.directive("myDirective", function() {
   return {
      link: function(scope, ele, attr, ctrl) {
          ele.on("click", function() {
              angular.element(ele).off('click');
              console.log("Click event removed");
          });
      }
   }

});