在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");
          });
      }
   }

});