访问模板元素中的可见模板引用？

Question

如何选择当前可见的元素

我的尝试是这样的：

app.component.html

 <ScrollView>
    <StackLayout>
      <StackLayout width="100%" *ngFor="let item of images$">
          <Image #image [src]="item.url" stretch="aspectFill" colSpan="3" row="0"></Image>
      </StackLayout>
    </StackLayout>
  </ScrollView>

app.component.ts

   @ViewChildren('image') image: QueryList<Image>;
   ngAfterViewInit(): void {
     this.image.changes.subscribe((changes) => {
       alert("current:" + this.image.toArray()[0]);
       alert("current:" + this.image.toArray()[0].src);
      }
     );
   }

只发出一次警报。

基本上，目标是在滚动到视图中的项目位置时触发Image公开的API。