Я хочу иметь возможность обнаруживать события при прокрутке с прокручиваемого внутреннего div, а не только на целевое окно.
Например, у меня есть Директива, которая прослушивает события прокрутки, здесь мне нужно изменить "host:" (window: scroll) "на что-то еще.
import {Directive, Output, EventEmitter} from '@angular/core';
@Directive({
selector: '[infinite-scroll]',
host: {'(window:scroll)': 'track($event)'},
})
export class InfiniteScrollerDirective {
@Output() scrolled = new EventEmitter();
track(event: Event) {
this.scrolled.emit({
value: event
});
}
}
Я использую его в своем компоненте как директиву с бесконечным прокруткой с "прокрученным" выходом.
<div infinite-scroll (scrolled)="onScroll($event.value)">
<table class="table">
<thead>
</thead>
<tbody>
</tbody>
</table>
</div>...
И здесь идет мероприятие.
onScroll(event: UIEvent) {
}