TypeScript 中的 querySelectorAll 等效项

Posted 2023-03-13

【中文标题】TypeScript 中的 querySelectorAll 等效项

【英文标题】：querySelectorAll equivalent in TypeScript

【发布时间】：2019-02-07 09:32:06

【问题描述】：

我实际上是在训练使用 TypeScript 和 Angular， 与 Vanilla javascript 中的简单 document.querySelectorAll 等效的是 @ViewChild 。

但它只占用 html 的一个元素。

我想这样做，但使用数组 document.querySelectorAll，例如具有相同类的 4 个 div。

有人知道我如何查询它们以像数组一样递增吗？

提前致谢！ :D

【问题讨论】：

不可能！！ document.querySelectorAll 不等于 @ViewChild。

是的，我知道：/ 但我正在寻找 typeScript 中 document.querySelectorAll 的等价物是什么？ :)

document.querySelectorAll 是一个 DOM API，它完全独立于 Typescript。我不知道@ViewChild 是什么，我知道您在谈论装饰器，但如果您在谈论特定框架，那么请在您的问题中使用标签明确说明。

【参考方案1】：

您可以在 TypeScript 中使用 document.querySelectorAll，因为它是标准 API。但是，如果您使用 Angular，则应使用 @ViewChild 和 QueryList。您可以在这个问题中找到更多信息：Access multiple viewchildren using @viewchild

【讨论】：

嗯，我明白了，那是因为我正在使用 Angulat 和 QueryList 应该是我所需要的。

非常感谢 :) 祝你有美好的一天！