Не удается получить доступ к элементу div, введенному приложением Angular

Question

Я пытаюсь получить доступ к div, который вводится в DOM приложением Angular на странице.

Ниже приведен мой скрипт, расположенный в конце HTML-страницы.

$(document).ready(function () {

var targetNode = document.querySelector(".navigation");

console.log(targetNode);

}); 

Но когда я загружаю страницу в браузере, targetNode возвращает null.

Интересно, что если я запускаю следующее выражение в консоли, оно возвращает искомый элемент div.

document.querySelector(".navigation");

Answer 1

Попытайтесь добавить setTimeout или попробуйте использовать рендерер, элемент ref или @viewchild ... Когда вы запускаете свой код, вас не ищут, попробуйте использовать угловые хуки вместо jquery.

Answer 2

попробуйте document.querySelectorAll(".navigation") вместо document.querySelector(".navigation")