我如何使用angular.element選擇ID？

Question

我一直在試圖刪除使用id的DOM元素。會是怎樣做到這一點的角度，而不使用jQuery正確的方式，我曾嘗試以下，

var element="sample"; 
angular.element('#'+element).remove(); 

這似乎並不奏效。任何想法？提前致謝。

Answer 1

jquery lite版本不支持選擇器，因此您需要將dom元素引用傳遞給它。

var element = "sample"; 
 
angular.element(document.getElementById(element)).remove();

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div id="sample">Should be deleted</div>

Answer 2

像這樣

var element = 'sample'; 
 
angular.element(document.getElementById(element)).remove(); 
 
// or 
 
// angular.element(document.querySelector('#' + element)).remove();

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script> 
 
<div id="sample">Sample</div>