如何检查AngularJS中是否存在具有ID的元素

Question

如何检查Angular指令中的DOM中是否已存在具有特定ID的元素？ 通过使用angular.element() ，如果一个元素不存在，则创建一个元素，例如angular.element('someID')将返回一个元素，无论是否已经存在。

我现在正在做的解决方法是使用.html() jqLit​​e函数，如下所示：

if（angular.element（'＃someElementID'）。 html（） ）{

console.log（'仅在元素已存在的情况下触发'）;

}

有一个更好的方法吗？ 我想避免为此包含整个jQuery。

Answer 1

angular.element（$ document）.find（'＃someElementID'）和angular.element（'＃someElementID'）都返回一个空数组，以防多个dom节点与选择器匹配。

您应该非常安全地执行以下操作：

if ( angular.element('#someElementID').length ) {
    console.log('#someElementID exists');
}

还要记住，jQLite .find（）方法仅支持标记名称。

Answer 2

我测试过，它工作正常..

如果ID为Exists，则返回1

ID不存在，返回0

if(angular.element('#someElementID').length >0){
 console.log("Id is available.");
}else{
  console.log("Id is not available.");
}