Я пытаюсь создать директиву, которая будет медленно исчезать на фотографии, когда элемент станет видимым. Для этого моя первая идея заключается в сравнении позиции элемента относительно вершины (также проверяющей высоту окна). Но я могу найти, как это сделать с помощью Angular2.
Это мой код:
import {Directive, ElementRef, Renderer} from 'angular2/core';
@Directive({
selector: '[fadeInPhoto]',
host: {
'(window:scroll)': 'onScroll()'
}
})
export class FadeInPhotoDirective{
private scrollTop: number;
private initialClass: string;
constructor(private _el: ElementRef, private _renderer: Renderer){
this.initialClass = 'thumbnail';
}
onScroll(){
console.log('Photo top:', this._el);
}
}
Но у this._el нет никакого метода или свойства, содержащего эту информацию.