1
我一直在处理检测滚动结束的自定义指令(Scroller)。我想尽快滚动结束(即到达页面的结尾)如何从自定义指令发出?
自定义指令发出数:
import { HostListener , Directive, Output, EventEmitter} from '@angular/core';
@Directive({
selector: '[scroller]'
})
export class scrollDirectiveComponent{
@HostListener('scroll', ['$event'])
@Output() emitPageNumber:EventEmitter<any> =new EventEmitter();
pageNo:any=0;
onScroll(event) {
// do tracking
console.log('scrolled', event.target.scrollTop);
// Listen to click events in the component
let tracker = event.target;
let limit = tracker.scrollHeight - tracker.clientHeight;
console.log(event.target.scrollTop, limit);
if (event.target.scrollTop >= limit) {
console.log('end reached');
this.pageNo++;
this.emitPageNumber.emit(this.pageNo);
}
}
}
我绑定的指令,我父模板
<div class="alert-list" scroller (emitPageNumber)="fetchPageNumber($event)">
但当我滚动我得到一个错误为 core.umd.js:3462 EXCEPTION:错误http://localhost:3000/app/menu-board/menu.component.html:63:8造成的:self._scrollDirectiveComponent_32_3.emitPageNumber不是函数
我做错了什么?
谢谢你的回复。现在我明白了错误的含义。我的滚动处理程序是onScroll(),我已将它移动到@Output()之下。 – CruelEngine