Necesito obtener el atributo de ID de cada elemento en mi QueryList de mi carousel.component.ts para validar el elemento seleccionado. Debido a ciertas restricciones del código que se desarrolló, no puedo pasar el valor a través de un @Input del padre, por lo que necesito obtenerlo del hijo.

Este es un ejemplo de mi código: https://stackblitz.com/edit/angular-1vnbxc-zc9fz8?file=src/app/carousel/carousel.component.ts

Propiedad del componente secundario que necesito usar para obtener los elementos

 @ContentChildren(ProductCarouselDirective) slides: QueryList<ProductCarouselDirective>

Directiva sobre niños

 export class ProductCarouselDirective implements OnInit { constructor( public templateRef: TemplateRef<any>, public viewContainer: ViewContainerRef) { } ngOnInit() { this.viewContainer.createEmbeddedView(this.templateRef) } }

Función que estoy usando para probar opciones sobre cómo obtener el atributo ID con elementRef o viewContainer

 private getElementSelect() { this.slides.toArray().forEach((elements) => { console.log(elements.templateRef.elementRef.nativeElement); // console.log(elements.viewContainer); }); }