Das Scroll-Event schießt nicht in Angular-6 ab ⇐ CSS

[Anonymous]

Ich weiß, dass diese Frage schon einmal gestellt wird, aber keine der Lösungen hat für mich funktioniert. < /p>

Ich arbeite am Angular-6-Projekt. Ich versuche, das Fenster-Scroll-Ereignis in einer der Komponenten mit dem Namen Abschnittkomponent zu erhalten. Körper < /strong> Tag: < /p>

Code: Select all

html, body {
overflow: auto;
position: relative;
margin: 0;
height: 100%;
}
< /code>

Unten ist die  -Hierarchie der Komponenten < /strong>, die erklärt, wie Komponenten verwaltet werden. < /p>

Mein  AppComponent < /strong>: < /p>

 HTML: < /strong> < /p>




< /code>

 CSS: < /strong> < /p>

#wrapper {
width: 100vw;
height: 100vh;
position: relative;
overflow: auto;
}
< /code>

app.component.ts:[/b]

  @HostListener('window:scroll', [])
onWindowScroll() {
console.log('scroll');
}

AppComponent lädt die Komponente mit dem Namen Homecomponent im Router-Outlet -Tag. Diese Homecomponent lädt Abschnitt Component durch Verwendung von IS Selector. p>

HTML: < /strong> < /p>







< /code>

CSS: < /strong> < /p>

.home-wrapper {
position: relative;
overflow-y: auto;
height: 100%;
}
< /code>

Home.component.ts:

@HostListener('window:scroll', [])
onWindowScroll() {
console.log('scroll');
}
< /code>

Mein Abschnitt Component < /strong> < /p>

HTML: < /strong>
< /p>




< /code>

CSS: < /strong> < /p>

.section-wrapper {
position: relative;
height: 2241px;
}
< /code>

section.component.ts:

@HostListener('window:scroll', [])
onWindowScroll() {
console.log('scroll');
}
< /code>

Ich möchte nur die Fenster-Scroll in Abschnitt Component < /strong> verwenden. Aber keiner der Komponenten schießt das Ereignis ab. Was mache ich falsch?