AngularJS – 使用属性查找元素

发布时间：2020-12-17 08:40:43 所属栏目：安全来源：网络整理

导读：我是AngularJS的新手。我学会了，我可以在DOM中使用如下查询查找元素： var e = angular.element(document.querySelector('#id'));var e = angular.element(elem.querySelector('.classname')); 这对于通过ID或CSS类名查找元素很有用。然而，我需要能够使用

我是AngularJS的新手。我学会了，我可以在DOM中使用如下查询查找元素：

var e = angular.element(document.querySelector('#id'));
var e = angular.element(elem.querySelector('.classname'));

这对于通过ID或CSS类名查找元素很有用。然而，我需要能够使用不同的方法找到一个元素。我有一个像下面的元素：

<div my-directive class='myContainer'>...</div>

我不能查询’myContainer’，因为它的重用有多少。因此，我想找到任何具有属性’my-directive’的元素。如何搜索DOM并找到使用“my-directive”的任何元素？

而不是查询元素的DOM(这不是很有角度见 How do I “think in AngularJS” if I have a jQuery background?)，你应该在你的指令中执行你的DOM操作。该元素在您的链接功能中可用。

所以在你的myDirective

return {
    link: function (scope,element,attr) {
        element.html('Hello world');
    }
}

如果你必须在指令之外执行查询，那么在现代浏览器中可以使用querySelectorAll

angular.element(document.querySelectorAll("[my-directive]"));

然而你需要使用jquery来支持IE8和向后

angular.element($("[my-directive]"));

或者编写自己的方法，如这里演示的How to get elements by attribute selector w/ native JavaScript w/o querySelectorAll

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!