Событие прокрутки не стреляет в Angular-6 ⇐ CSS

[Anonymous]

Я знаю, что этот вопрос задавался ранее, но ни одно из решений не работало для меня. < /p>

Я работаю над проектом Angular-6. Я пытаюсь получить событие с прокруткой в ​​окне в одном из компонентов с именем SectionComponent < /strong>. < /P>

Стили html < /strong> и body < /strong> tag: < /p>

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

Ниже приведена иерархия компонентов < /strong>, которая объясняет, как управляются компоненты. />

Код: Выделить всё

< /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 нагружает компонент с именем homecomponent в теге router-outlet . This HomeComponent loads SectionComponent by using is selector.

My HomeComponent:

HTML:







< /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>

my sectioncomponent < /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>

Я хочу использовать только окно-прокрут в sectioncomponent < /strong>. Но ни один из компонентов не стреляет в событие. Что я делаю не так?


Подробнее здесь: https://stackoverflow.com/questions/524 ... -angular-6