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

【问题标题】：Can't access div element injected by Angular app无法访问 Angular 应用程序注入的 div 元素
【发布时间】：2023-03-27 17:50:01
【问题描述】：

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

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

$(document).ready(function () {

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

console.log(targetNode);

});

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

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

document.querySelector(".navigation");

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

【讨论】：