Directive for Mouse Wheel Scroll Up

HTML Usage

< div mouseWheel ( mouseWheelUp )= "mouseWheelUpFunc(event)" ( mouseWheelDown )= "mouseWheelDownFunc(event)" ></ div >

mousewheel.directive.ts

This is attribute directive which catches the mouse wheel scroll event on all type of browsers

Here I have created the directive, which emit events on mouse wheel scroll upward and downwardYou can use these directives for image zoom-in and zoom-out. Element binds to eventfor firefox( for chrome),(for IE)