Angular プロジェクトで、IntersectionObserver のビューポートを DOM の特定の部分に制限したいと考えています。
ID を使用して、ルートとして使用される要素を定義します:
対応するコンポーネントで、getElementById を使用してルートを定義します:
getElementById
ただし、ログインしているルートは常に null です。
null
私は何を間違えたのでしょうか?
まず第一に、スプレッド演算子の方法が間違っているため、残念なことに、@Input() 割り当てで設定されたデフォルト値を使用した直後に root を上書きしています (これまでのところ)私が知っているように、これは実際には入力として使用されません?)。
@Input()
root
この問題を解決するには、状況を逆転させる必要があるかもしれません:
そうあるべきです
次に、@ViewChild を使用して、コンテナ要素への参照を親から InfiniteScrollPageComponent に渡す方が合理的かどうか疑問に思っています。
@ViewChild
InfiniteScrollPageComponent
parent.component.html
parent.component.ts
無限ページコンポーネント.component.ts
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
まず第一に、スプレッド演算子の方法が間違っているため、残念なことに、
@Input()割り当てで設定されたデフォルト値を使用した直後にrootを上書きしています (これまでのところ)私が知っているように、これは実際には入力として使用されません?)。この問題を解決するには、状況を逆転させる必要があるかもしれません:
リーリーそうあるべきです
リーリー次に、
@ViewChildを使用して、コンテナ要素への参照を親からInfiniteScrollPageComponentに渡す方が合理的かどうか疑問に思っています。
リーリーparent.component.html
リーリーparent.component.ts
リーリー無限ページコンポーネント.component.ts