Как с помощью @viewChild и @viewChildren получить массив элементов по классу?

Question

[Aleaxander Burykin]

есть набор элементов в компонете, которые не директивы

<div class="someClass"></div>
<div class="someClass"></div>
<div class="someClass"></div>
<div class="someClass"></div>
<div class="someClass"></div>

как с помощью `@viewChild` или `@viewChildren` получить доступ к их `nativeElement`-у
если ставить одинаковую локальную ссылку всем, например
<div #someLink class="someClass"></div>
ругается на дупликацию ссылок

Answer 1

[Ivan Stroykin]

Похоже эта статья специально для Вас, ссылка

Comments

[Алексей Зуев]

Пытаюсь понять вот этот текст из статьи.

Пара директив>@ViewChildren/@ContentChildren ведет себя аналогичным образом и отличается от связки @ViewChild/@ViewChildren только тем, что>@ViewChildren ищет элементы просто в DOM-дереве, в то время как @ViewChild ищет элементы в ShadowDom

Пока трудно доходить смысл. Не подскажете как это понимать?)

[Ivan Stroykin]

Алексей Зуев: что-то не правильно написано там, как минимум опечатка) Я пока сам только ViewChild использовал))
Но нашел более менее понятное определение на английском:

The children element which are located inside of its template of a component are called view children. On the other hand, elements which are used between the opening and closing tags of the host element of a given component are called content children

Ну и ссылка статью - тык

[Алексей Зуев]

Спасибо. Другими словами это тоже самое, что и

@ViewChildren look for elements in Shadow DOM while @ContentChildren look for them in Light DOM.

[Алексей Зуев]

А почему ответ на вопрос не напишите?) Ссылка конечно хорошо, но человек искал ответа на вопрос

[Ivan Stroykin]

Алексей Зуев: Скорее Вам спасибо )
нуу, как там в пословице?) "Хочешь накормить человека один раз — дай ему рыбу. Хочешь накормить его на всю жизнь — научи его рыбачить" ))

[Aleaxander Burykin]

Иван Стройкин: спасибо за статью, действительно подойдет больше чем просто ответ :)