无法访问Angular app注入的div元素

Question

我试图访问一个div，它由页面上的Angular app注入DOM。

以下是我的脚本位于HTML页面的末尾。

$(document).ready(function () {

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

console.log(targetNode);

}); 

但是当我在浏览器中加载页面时，targetNode返回null。

有趣的是，如果我在控制台中运行以下表达式，它确实返回我正在寻找的div元素。

document.querySelector(".navigation");

Answer 1

尝试添加一个setTimeout或尝试使用渲染器，元素引用或@viewchild ...当你运行你的代码尝试使用角钩而不是jquery时，dom你正在寻找的不存在。

Answer 2

尝试document.querySelectorAll(".navigation")而不是document.querySelector(".navigation")