Как l oop через HTMLCollection в приложении angular, используя машинопись

Question

Я новичок в angular, и я пытаюсь пропустить oop через коллекцию html, чтобы я мог получить такие свойства, как id для каждого элемента, но, похоже, он не работает даже после получить представление массива коллекции, как видно из кода ниже. Я использую машинопись для создания angular приложения. Любая работа вокруг этого? или я что-то не так делаю?

this.customElements = Array.from(
      document.getElementsByClassName('custom-elem')
    );

    this.customElements.forEach(element => {
      console.log(element);
    });

Answer 1

Вам не нужно создавать новый массив из коллекции HTMLCollection. Функция getElementsByClassName() по умолчанию возвращает массивоподобный объект всех дочерних элементов. Поэтому должно работать следующее:

this.customElements = document.getElementsByClassName('custom-elem');

for (const element in this.customElements) {
  console.log(element);
}

Рабочий пример: Stackblitz