AngularJS-查找具有属性的元素

Question

我是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并找到任何使用“我的指令”的元素？

Answer 1

您应该在指令中执行DOM操作，而不是查询DOM中的元素如果我有jQuery背景，这不是非常有角度的信息，请参阅“在AngularJS中思考”？。您可以在链接功能中使用该元素。

因此，在您的myDirective中

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

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

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

但是，您将需要使用jquery来支持IE8和反向版本

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

还是编写自己的方法（如此处所示），如果在不使用库的情况下无法使用querySelectorAll，则按属性获取元素？