Блог

Главная - Вопросы по программированию - Angular: получение дочерних элементов DIV

Angular: получение дочерних элементов DIV

#angular #angular6 #angular7

#angular #angular6 #angular7

Вопрос:

HTML

 <div #container id="container">
  <a id="A"></a>
  <a id="B"></a>
  <a id="C"></a>
</div>

Я хочу извлечь все теги привязки в «контейнере» div и добавить к нему событие щелчка из файла component.ts. Я пробовал использовать следующие решения в Angular, но не уверен, подходит ли это способ. Любезно предоставьте руководство.

 @ViewChild('container ') container : ElementRef;

this.container .nativeElement.childNodes.forEach(element => {
       console.log(element);
});

Если у вас есть решение получше, пожалуйста, укажите.

Комментарии:

1. Вместо этого вы можете установить условное событие с помощью флага. И все, что вам нужно сделать во время выполнения, это активировать флаг, который устанавливает событие enable для элемента.

2. это будет происходить через ngFor ? если это так, вы можете создать directive

3. @Aravind — В настоящее время это не ngFor, но позже я могу это сделать. Итак, в обоих случаях мне требуется решение.

4. Имеет ли это какую-либо практическую цель или это любопытство?

5. Почему бы не добавить событие (click) в шаблон?