无法访问 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 或尝试使用渲染器、元素引用或@viewchild...当您运行代码时，您正在寻找的 dom 不存在，请尝试使用角度钩子而不是 jquery。

Answer 2

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