无法访问Angular应用程序注入的div元素

Question

我正在尝试访问div，该div是通过页面上的Angular应用程序插入DOM的。

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

$(document).ready(function () {

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

console.log(targetNode);

}); 

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

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

document.querySelector(".navigation");

Answer 1

尝试添加setTimeout或尝试使用渲染器，元素ref或@viewchild ...运行u代码时，您要查找的dom不存在，请尝试使用角度钩子而不是jquery。