/Javascript/AngularJS/Mouse wheel event angular for table

Mouse wheel event angular for table

import { Directive, ElementRef, HostListener} from "@angular/core";
import { MyService } from "./my-service";
@Directive({
    selector: "[testDirec]"
})
export class Test {
  private initPointX: number;
  private initPointY: number;

  constructor(private ele: ElementRef,
        private serviceInstance: MyService) {
    }

    @HostListener('mousewheel', ['$event'])
    scroll(event: MouseEvent) {
        console.log("Entered mouse wheel");
        let wheelDelta = Math.max(-1, Math.min(1, (event.wheelDelta || -event.detail)));
        if(wheelDelta > 0) {
          factor = 0.5;
        }else {
         factor = 2.0;
        }

        this.initPointX = event.PageX;
        this.initPointY = event.PageY;   
    } 

}

Source: stackoverflow.com

Similar codes

5 votes364 views1 answer
Experimental support for decorators is a feature that is subject to change in a future release. Set the 'experimentalDecorators' option in your 'tsconfig' or 'jsconfig' to remove this warning.ts(1219) angular
Javascript AngularJS
0 vote147 views1 answer
Angular get class list for element
Javascript AngularJS
0 vote166 views1 answer
Angular input .valueChanges.subscribe value
Javascript AngularJS
0 vote143 views1 answer
How can i use two api at the same time in angular
Javascript AngularJS
0 vote141 views2 answers
Angular router navigate base href
Javascript AngularJS
0 vote139 views1 answer
Angular hash sign in url
Javascript AngularJS
0 vote151 views1 answer
Join two arrays angular
Javascript AngularJS
29 votes353 views2 answers
ERESOLVE unable to resolve dependency tree npm ERR npm ERR! Found: @angular/[email protected] npm ERR! node_modules/@angular/core
Javascript AngularJS
0 vote169 views1 answer
Resolver not showing content angular
Javascript AngularJS
1 vote151 views1 answer
Angular create component without test
Javascript AngularJS