I have a box that shows information with icons and numbers. When pressing any icon I want to show a legend that indicates that it represents that icon and associated value ... Everything works perfect, when pressing an icon the legend is displayed as expected and it respects the configurations of the established tooltips, but with each click returns an error by console ...
The error is as follows:
"TypeError: undefined is not a function
at WebAnimationsPlayer.play (file: ///android_asset/www/build/vendor.js: 137345: 24)
at TransitionAnimationPlayer.play (file: ///android_asset/www/build/vendor.js: 136663: 48)
at file: ///android_asset/www/build/vendor.js: 136293: 20
at Array.forEach (native)
at TransitionAnimationEngine._flushAnimations (file: ///android_asset/www/build/vendor.js: 136286: 21)
at TransitionAnimationEngine.flush (file: ///android_asset/www/build/vendor.js: 135945: 32)
at InjectableAnimationEngine.AnimationEngine.flush (file: ///android_asset/www/build/vendor.js: 137150: 32)
at file: ///android_asset/www/build/vendor.js: 130958: 30
at t.invoke (file: ///android_asset/www/build/polyfills.js: 3: 14976)
at r.run (file: ///android_asset/www/build/polyfills.js: 3: 10143) "
A segment of my HTML:
{{service.currentStatus.count}}
|
I tried putting the tooltip with [] but I got the same result ...
I have a lazyLoad implemented and I load the TooltipsModule in the same module.
I have the BrowserAnimationsModule in the App.module imported as well.
I guess that since this is working anyway, the TooltipsModule would not be the problem, it might be that I have an error in my html or a problem in loading the BrowserAnimationsModule ...
My dependencies in package.json are:
"dependencies": {
"@ angular / animations": "5.0.3",
"@ angular / common": "^ 5.0.3",
"@ angular / compiler": "5.0.3",
"@ angular / compiler-cli": "5.0.3",
"@ angular / core": "5.0.3",
"@ angular / forms": "5.0.3",
"@ angular / http": "5.0.3",
"@ angular / platform-browser": "5.0.3",
"@ angular / platform-browser-dynamic": "5.0.3",
"@ ionic-native / core": "^ 4.5.2",
"@ ionic-native / native-storage": "^ 4.5.2",
"@ ionic-native / splash-screen": "^ 4.4.0",
"@ ionic-native / status-bar": "4.4.0",
"@ ionic / storage": "^ 2.1.3",
"@ ngx-translate / core": "^ 9.0.2",
"@ ngx-translate / http-loader": "^ 2.0.1",
"chart.js": "^ 2.7.1",
"cordova-android": "6.3.0",
"cordova-plugin-device": "^ 1.1.7",
"cordova-plugin-ionic-webview": "^ 1.1.16",
"cordova-plugin-nativestorage": "^ 2.2.2",
"cordova-plugin-splashscreen": "^ 4.1.0",
"cordova-plugin-statusbar": "^ 2.4.1",
"cordova-plugin-whitelist": "^ 1.3.3",
"gradle": "^ 1.0.9",
"ionic-angular": "3.9.2",
"ionic-plugin-keyboard": "^ 2.2.1",
"ionic-tooltips": "^ 2.0.1",
"ionicons": "3.0.0",
"rxjs": "5.5.2",
"sw-toolbox": "3.6.0",
"zone.js": "0.8.18"
Thank you very much now and apologies for my English, which is very bad: P
I have a box that shows information with icons and numbers. When pressing any icon I want to show a legend that indicates that it represents that icon and associated value ... Everything works perfect, when pressing an icon the legend is displayed as expected and it respects the configurations of the established tooltips, but with each click returns an error by console ...
The error is as follows: "TypeError: undefined is not a function at WebAnimationsPlayer.play (file: ///android_asset/www/build/vendor.js: 137345: 24) at TransitionAnimationPlayer.play (file: ///android_asset/www/build/vendor.js: 136663: 48) at file: ///android_asset/www/build/vendor.js: 136293: 20 at Array.forEach (native) at TransitionAnimationEngine._flushAnimations (file: ///android_asset/www/build/vendor.js: 136286: 21) at TransitionAnimationEngine.flush (file: ///android_asset/www/build/vendor.js: 135945: 32) at InjectableAnimationEngine.AnimationEngine.flush (file: ///android_asset/www/build/vendor.js: 137150: 32) at file: ///android_asset/www/build/vendor.js: 130958: 30 at t.invoke (file: ///android_asset/www/build/polyfills.js: 3: 14976) at r.run (file: ///android_asset/www/build/polyfills.js: 3: 10143) "
A segment of my HTML:
{{service.currentStatus.count}}
| I tried putting the tooltip with [] but I got the same result ... I have a lazyLoad implemented and I load the TooltipsModule in the same module. I have the BrowserAnimationsModule in the App.module imported as well. I guess that since this is working anyway, the TooltipsModule would not be the problem, it might be that I have an error in my html or a problem in loading the BrowserAnimationsModule ... My dependencies in package.json are: "dependencies": { "@ angular / animations": "5.0.3", "@ angular / common": "^ 5.0.3", "@ angular / compiler": "5.0.3", "@ angular / compiler-cli": "5.0.3", "@ angular / core": "5.0.3", "@ angular / forms": "5.0.3", "@ angular / http": "5.0.3", "@ angular / platform-browser": "5.0.3", "@ angular / platform-browser-dynamic": "5.0.3", "@ ionic-native / core": "^ 4.5.2", "@ ionic-native / native-storage": "^ 4.5.2", "@ ionic-native / splash-screen": "^ 4.4.0", "@ ionic-native / status-bar": "4.4.0", "@ ionic / storage": "^ 2.1.3", "@ ngx-translate / core": "^ 9.0.2", "@ ngx-translate / http-loader": "^ 2.0.1", "chart.js": "^ 2.7.1", "cordova-android": "6.3.0", "cordova-plugin-device": "^ 1.1.7", "cordova-plugin-ionic-webview": "^ 1.1.16", "cordova-plugin-nativestorage": "^ 2.2.2", "cordova-plugin-splashscreen": "^ 4.1.0", "cordova-plugin-statusbar": "^ 2.4.1", "cordova-plugin-whitelist": "^ 1.3.3", "gradle": "^ 1.0.9", "ionic-angular": "3.9.2", "ionic-plugin-keyboard": "^ 2.2.1", "ionic-tooltips": "^ 2.0.1", "ionicons": "3.0.0", "rxjs": "5.5.2", "sw-toolbox": "3.6.0", "zone.js": "0.8.18" Thank you very much now and apologies for my English, which is very bad: P
This works fine up ionic4-tooltips. Added an example to the demo in this commit.