hammer.js | javascript library for multi-touch gestures : //

You need to use event Delegation so your DOM is listening to the click event for dynamically appended element. by using .on

Also to get the value of p you need to use attr to retrieve the value of clicked item.

I have added some comments to each line as well. Change your click function to this below and it should work fine.

Just FYI - You also do not need the function deletar. Its up-to to have it or not. Event delegation on click will call .deletePrato and will remove the that item you want to.

Run snippet below.

yes touchmove is a directive that lets you handle touch events

Demo

use chrome DevTool to simulate touch event

To have functional Pan and Zoom on your ng2-charts, this is what you need to do:

1. Use npm to install the dependencies: hammerjs and chartjs-plugin-zoom
2. Import the dependencies to your module.
3. Add the pan and zoom configurations in the plugin section of the chart configuration.
4. Horizontal zoom and pan only works with scatter charts

It is easier said than done so, before adding zoom and pan, be sure that you have a working ng2-chart in your project. Otherwise you never know what's going wrong.

1. Install the required plugins

Execute the following commands in the root folder of your project:

This one is quiet problematic... The chartjs plugin tries to load chart.js which is not a valid module id but a file name. So RequireJS tries to load it as file even when I setup it up in the require.config.paths... So got a little workaround here:

You missing : jquery-ui.min.js

• run npm install jquery-ui-dist

• add path in script (add after jquery include line)

  ../node_modules/jquery-ui-dist/jquery-ui.min.js

Remove following script from index.html

I faced the same issue and had to uninstall react-native-gesture-handler npm uninstall react-native-gesture-handler and install it via npm and not expo npm i react-native-gesture-handlerwhich is now version 1.6.1.

This worked for me, but it triggers a warning message Some of your project's dependencies are not compatible with currently installed expo package version: - react-native-gesture-handler - expected version range: ~1.5.0 - actual version installed: ^1.6.1 Your project may not work correctly until you install the correct versions of the packages. To install the correct versions of these packages, please run: expo install [package-name ...]

However, if you install react-native-gesture-handler with expo expo install react-native-gesture-handler you'll get the same Module not found: Can't resolve '@egjs/hammerjs' issue. Hence I guess this is a short term fix but is works.

My expo-cli is version 3.15.5

Here are my current dependencies "dependencies": { "@react-native-community/masked-view": "0.1.5", "expo": "^36.0.0", "expo-av": "~8.0.0", "react": "16.9.0", "react-dom": "16.9.0", "react-native": "https://github.com/expo/react-native/archive/sdk-36.0.1.tar.gz", "react-native-gesture-handler": "^1.6.1", "react-native-safe-area-context": "0.6.0", "react-native-safe-area-view": "^1.0.0", "react-native-screens": "2.0.0-alpha.12", "react-native-web": "^0.11.7", "react-navigation": "^4.1.1", "react-navigation-stack": "^2.1.1" }, So you don't need to install @types/hammerjs as a dependency.

I hope it helps !

Here is an example of how the module (in my case "Carousle Module") looks like.

Leave the HammerModule in your main module ( app.module.ts ) imports.

Just use a distinct class for each wrapper and then iterate through it with jQuery.

After upgrading to Angular 9, I had to re-npm-install hammerjs since it had been removed from my package.json. I would check that yours is still there.