Comment vérifier si l'élément avec ID existe dans AngularJS
Comment puis-je vérifier si un élément avec un identifiant spécifique existe déjà dans mon DOM à l'intérieur d'une directive angulaire? À l'aide de angular.element() un élément est créé si il n'existe pas, par exemple,angular.element('someID') renvoie un élément qu'il existe ou non.
ce que je fais maintenant comme solution de contournement est d'utiliser le .html() fonction jqLite comme ceci:
si(angulaire.element ('#someElementID').html ()) {
console.log ("se déclenche uniquement si l'élément existe déjà");
}
Est-il une meilleure façon de le faire? Je voudrais éviter d'inclure tout le jQuery juste pour cela.
2 réponses
Les deux angulaires.élément($document).find('#someElementID') et angulaire.element ('#someElementID') renvoie un tableau vide, dans le cas où plusieurs noeuds dom correspondent au sélecteur.
Vous devriez être assez sûr de la manière suivante:
if ( angular.element('#someElementID').length ) {
console.log('#someElementID exists');
}
gardez également à l'esprit que jQLite .la méthode find () ne supporte que les noms de balises.
j'ai testé, son travail très bien..
Si l'ID Existe, il renvoie 1
ID n'Existe pas, il retourne 0
if(angular.element('#someElementID').length >0){
console.log("Id is available.");
}else{
console.log("Id is not available.");
}