角7 cdk-虚拟滚动-视图端口-虚拟滚动

Question

是否有任何事件可用，cdk-虚拟-滚动-视图端口，以找到列表中的元素是否呈现。例如，在滚动下面的列表时，是否有一种方法可以识别特定的li是否呈现，或者是否将一组新元素呈现到DOM中。

• 项目
• 项目
• 项目

Answer 1

我觉得这些房产

renderedRangeStream:可观测的~ ListRange ~ =>流，每当呈现的范围发生变化时，流就会发出。

和

@Output() scrolledIndexChange:可观测的~ number ~

在CdkVirtualScrollViewport上可以帮到你，

或

@Input() cdkVirtualForTrackBy: TrackByFunction ~T~ >未定义

论CdkVirtualForOf

您可以将其用作以下内容：

在班上

  ....
  @ViewChild(CdkVirtualForOf) vrlist: CdkVirtualForOf<any>;
  @ViewChild(CdkVirtualScrollViewport) vsv: CdkVirtualScrollViewport;

  ngAfterViewInit(): void {
    this.vrlist.cdkVirtualForTrackBy = function(a) {
       console.log(a);
    };

    this.vsv.scrolledIndexChange.subscribe((n: number) => 
            console.log(n));
    this.vsv.renderedRangeStream.subscribe((ls: ListRange) => 
            console.log(ls.end, ls.start));
  }

阅读更多这里和这里