javascript - 如何使用元素上的javascript在滚动上加载文件?

Question

我已经尝试了一个多星期，但未能以角度实现它。有人可以看看吗？

onContainerScroll() 永远不会被调用，我想知道如何使用 javascript、滚动这个元素并到达下一个范围的底部调用 API？

<ngx-monaco-diff-editor id="diffeditor" [options]="diffOptions" [originalModel]="originalModel" #elm
[modifiedModel]="modifiedModel" (scroll)="onContainerScroll($event)">
</ngx-monaco-diff-editor>

@ViewChild('elm', { read: ElementRef }) elm: ElementRef;
ngAfterViewInit() {
console.log(this.elm.nativeElement)  //return the ngx element
}

Answer 1

您想获得对DiffEditorComponent然后的引用

<ngx-monaco-diff-editor
  id="diffeditor"
  [options]="diffOptions"
  [originalModel]="originalModel"
  [modifiedModel]="modifiedModel">
</ngx-monaco-diff-editor>

@ViewChild(DiffEditorComponent) diffEditor: DiffEditorComponent;
ngAfterViewInit() {
  console.log(diffEditor._editorContainer); // HTMLElement that might be scrolled
}

您将不得不更深入地挖掘，但这是一个合理的开始。