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

[Anonymous]

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

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

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

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

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

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

My  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 нагружает компонент с именем homecomponent в теге router-outlet . Это homecomponent нагрузки sectionComponent с помощью IS Selector.

my homecomponent:

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>

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