爲什麼我無法使用指令刪除元素

Question

我無法弄清楚爲什麼我的指令失敗。

app.directive('errSrc', function() { 
    return { 
     link: function(scope, element, attrs) { 
      element.bind('error', function() { 
       element.remove(); 
      }); 
     } 
    } 
}); 

該指令未能刪除它所應用的元素。但是，如果我更換：

element.remove(); 

有：

element.hide(); 

它會隱藏元素。

據我所知，從angular文檔中.remove（）和.hide（）方法都是JQLite的一部分，它被烘焙成角度，所以它們都應該可以工作。

任何想法？

Answer 1

我不確定你試圖綁定的'錯誤'事件是什麼。

但是，當我嘗試綁定到一個點擊事件，它工作得很好。

myApp.directive('rmv', function() { 
    return { 
     link: function(scope, element, attrs) { 
      element.bind('click', function() { 
       element.remove() 
      }); 
     } 
    } 
}); 

<div rmv>Remove me!</div>