Невозможно захватить nativeElement для пользовательских компонентов angular

Я не могу получить ссылку на nativeElement моих пользовательских элементов. У меня есть такой шаблон:

<div #testone>
<my-feature-cmp><my-feature-cmp>
<my-feature-cmp><my-feature-cmp>
<my-feature-cmp><my-feature-cmp>
<div>

Код, используемый для доступа: @ViewChild ('testone') el: ElementRef;

Когда я делаю это, я получаю ссылку на элемент -> console.log (this.el.nativeElement)

Второй тип шаблона

<my-feature-cmp></my-feature-cmp>
<my-feature-cmp></my-feature-cmp>
<my-feature-cmp></my-feature-cmp>

Код, используемый для доступа:

@ViewChildren(MyFeatureCmp) el: MyFeatureCmp;

Когда я делаю это, я получаю сообщение об ошибке для собственного элемента ->

console.log(this.el.nativeElement)

Когда я делаю это, я получаю ссылки на классы, а не nativeElement ->

console.log(this.el)
console.log(this.el.toArray())

Вопрос в том, как получить доступ к собственному элементу пользовательского компонента, если я хочу внести изменения в атрибуты тега. Во-вторых, каким бы способом я к ним ни обращался, если я вручную изменю атрибуты для пользовательского компонента, будет ли он обнаружен как изменение также после изменения?