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 并找到使用“my-directive”的任何元素？

Answer 1

您应该在指令中执行 DOM 操作，而不是查询 DOM 中的元素(这不是很有 Angular ，请参阅 "Thinking in AngularJS" if I have a jQuery background? )。您可以在链接功能中使用该元素。

所以在你的 myDirective 中

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

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

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

但是您需要使用 jquery 来支持 IE8 及向后版本

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

或者编写您自己的方法，如此处所示 Get elements by attribute when querySelectorAll is not available without using libraries?