Javascript 如何解决在图像数组中滚动到选定图像的问题？

我在子组件中有图像数组，在父组件中有相同的图像数组。 当我在子组件中选择一个图像时，我希望在父组件中找到数组中的图像并滚动到它

我正在使用服务中的BehaviorSubject获取选定图像，但无法解决在父组件中使用该选定值并在数组中滚动到该图像的问题

这是我的父组件中的内容：

selectedImg: Image;
images: Image[] = [];
@Input() selIm: Image;

@ViewChildren('someId') someId: QueryList<ElementRef>;

ngOnInit() {
    this.myservice.selectedImage.subscribe(selected => {
        this.selectedImg = selected; /// getting selected image from child component
      });

    this.images = this.myservice.getImages(); // getting all images from service
} 

ngAfterViewInit() {

    this.someId.changes.subscribe(x=> {
           this.someId.toArray().map(y=>{
             y.nativeElement.querySelector('someClass').scrollIntoView();
           })
    })

}

选择edimg:Image；
图像：图像[]=[]；
@Input（）selIm：图像；
@ViewChildren（'someId'）someId:QueryList；
恩戈尼尼特（）{
this.myservice.selectedImage.subscribe（selected=>{
this.selectedImg=selected；///从子组件获取所选图像
});
this.images=this.myservice.getImages（）；//从服务获取所有图像
} 
ngAfterViewInit（）{
this.someId.changes.subscribe（x=>{
this.someId.toArray（）.map（y=>{
y、 nativeElement.querySelector（'someClass'）.scrollIntoView（）；
})
})
}

在我的模板中，我有：

   <div class="someClass" *ngFor='let img of images;' #someId [selIm] ="selectedImg">
      <img src="{{img.link}}" />
  </div>

我尝试使用@ViewChildren，但不断出现未定义的错误。 谢谢