AngularJS - Найти элемент по значению атрибута

Question

Я пытаюсь использовать AngularJS для запроса DOM моего представления. Мне нужно получить все элементы, у которых есть атрибут «размещение данных» со значением «top». В JQuery, я хотел бы сделать это:

var elements = $('[data-placement="top"]'); 

Однако, я не знаю, как сделать это с AngularJS. Может ли кто-нибудь сказать мне, как это сделать?

Спасибо!

Answer 1

В AngularJS вы не будете делать прямого манипулирования DOM с контроллера, вы должны создать для него директиву. Внутри директивы вы можете использовать JQuery по своему усмотрению.

В любом случае вы, я думаю, вы можете использовать angular.element() с селектором JQlite, вот документация angular.element.

Пример:

// find('#id') 
angular.element(document.querySelector('#id')) 

Answer 2

Из вашего вопроса я понимаю, что вы хотите найти элементы с atrributes, требующей определенное условием в этом случае мы можем использовать $document.

Дополнительная информация об этом here.

Так что, приходя к вашему требованию, вы можете его найти.

$document.find("[attribute-name='attribute-value')"); 

Это вернет объект элемента, завернутый в jQuery или jqLite. Но для его использования вам необходимо ввести $document в контроллер. Таким образом, вы продолжите с ним связанные угловые операции.

Другой подход к этому вопросу - angular.element.

angular.element.find("[attribute-name='attribute-value')"); 

Но это вернет элемент с обернутым необработанным элементом DOM или HTML-строкой в ​​качестве элемента jQuery. вы можете получить дополнительную информацию об этом here

Я предпочитаю использовать $document, поскольку угловые операции могут быть выполнены с использованием первого метода.