Not Working in angular - $img.stop()

[LinoMacKay]

Hi Jack i've been trying to use in Angular but im having an issue with events and zooming. I get an error every time i mouse over it

ERROR TypeError: $img.stop is not a function at HTMLDivElement.stop (jquery.zoom.js:121) at HTMLDivElement.handle (jquery.slim.min.js:2) at HTMLDivElement.dispatch (jquery.slim.min.js:2) at HTMLDivElement.v.handle (jquery.slim.min.js:2) at ZoneDelegate.invokeTask (zone-evergreen.js:406) at Object.onInvokeTask (core.js:28521) at ZoneDelegate.invokeTask (zone-evergreen.js:405) at Zone.runTask (zone-evergreen.js:178) at ZoneTask.invokeTask [as invoke] (zone-evergreen.js:487) at invokeTask (zone-evergreen.js:1600)

And
core.js:6157 ERROR TypeError: $img.stop is not a function at HTMLDivElement.start (jquery.zoom.js:130) at HTMLDivElement.handle (jquery.slim.min.js:2) at HTMLDivElement.dispatch (jquery.slim.min.js:2) at HTMLDivElement.v.handle (jquery.slim.min.js:2) at ZoneDelegate.invokeTask (zone-evergreen.js:406) at Object.onInvokeTask (core.js:28521) at ZoneDelegate.invokeTask (zone-evergreen.js:405) at Zone.runTask (zone-evergreen.js:178) at ZoneTask.invokeTask [as invoke] (zone-evergreen.js:487) at invokeTask (zone-evergreen.js:1600)

I already imported jquery in angular and also the plugin.

This is the way i use it.
//Component.ts
ngOnInit(): void { jQuery(document).ready(function($){ ( $('#ex1') as any) .zoom(); });