如何使用angular.element选择id？

Question

我一直在尝试使用id删除DOM元素。在不使用jquery的情况下以角度方式执行此操作的正确方法是什么，我尝试了以下内容，

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

这似乎不起作用。任何的想法？提前谢谢。

Answer 1

jquery lite版本不支持选择器，因此您需要将dom元素引用传递给它。

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 2

喜欢这个

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;