getElementById를 사용하는 IntersectionObserver의 루트는 항상 null입니다.

Question

Angular 프로젝트에서 IntersectionObserver의 뷰포트를 DOM의 특정 부분으로 제한하고 싶습니다.

루트로 사용할 요소를 정의하기 위해 id를 사용합니다.

으아아아

해당 구성요소에서 getElementById를 사용하여 루트를 정의합니다.

으아아아

하지만 로그인한 루트는 항상 null입니다.

내가 뭘 잘못했나요?

Answer 1

우선, 스프레드 연산자가 잘못된 방향이므로 불행히도 할당에 @Input() 中的默认值设置后立即覆盖您的 root를 사용하고 있습니다(내가 아는 한 실제로는 입력으로 사용되지 않나요?).

이 문제를 해결하려면 상황을 바꿔야 할 수도 있습니다.

으아악

해야지

으아악

---

두 번째로 @ViewChild 并将对容器元素的引用从父级传递到 InfiniteScrollPageComponent를 사용하는 것이 더 의미가 있을지 궁금합니다.

parent.component.html

으아악

parent.component.ts

으아악

infinite-page-component.component.ts

으아악