Javascript代码编号喜欢打字稿/角度答案

【问题标题】：Javascript code number likes by typescript / angularJavascript代码编号喜欢打字稿/角度
【发布时间】：2022-06-30 23:45:47
【问题描述】：

我有一些 javascript 代码，我正试图在我的 Angular 项目中添加到我的 component.ts。

代码如下：

ngOninit() {
  let areaNum = document.getElementsByClassName("some-area").length;

  // The issue is in the code below:
  for (let area of document.getElementsByClassName("some-area")) {
    area.style.height = 100 / areaNum + "%";
  }
}

错误是：

Type 'HTMLCollectionOf<Element>' must have a '[Symbol.iterator]()' method that returns an iterator.ts(2488)

我怎样才能解决这个问题，以便它在 Angular 中工作？

【问题讨论】：

为什么不尝试在 AfterViewInit 中编写该代码？

标签： angular typescript angular13

【解决方案1】：

Document.getElementsByClassName 返回一个实时的HTMLCollection。 MDN link

您可以使用 Array.from 将其制成数组

Array.from(document.getElementsByClassName("some-area"))

【讨论】：