javascript - 无法访问 Angular 应用程序注入(inject)的 div 元素

Question

我正在尝试访问一个 div，它由页面上的 Angular 应用程序注入(inject)到 DOM 中。

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

$(document).ready(function () {

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

console.log(targetNode);

}); 

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

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

document.querySelector(".navigation");

Answer 1

尝试添加 setTimeout 或尝试使用渲染器、元素引用或@viewchild...当您运行您的代码时，您正在寻找的 dom 不存在尝试使用 Angular 钩子(Hook)而不是 jquery。