ionic-lottie | Sample using ng-lottie and ionic 3 | Animation library
kandi X-RAY | ionic-lottie Summary
kandi X-RAY | ionic-lottie Summary
This is a sample project that uses ng-lottie to display animations provided by an after effects animation json in ionic 3. For usage/docs, refer to ng-lottie repo. ps: Take note that this sample has too many animations running at once for sampling purposes only. If you would like to run on a device, remove a few of these animations to have them running smoothly. All animations were acquired from codepen as well as lottie repo as samples to test. None of those belong to me, they belong to and
Support
Quality
Security
License
Reuse
Top functions reviewed by kandi - BETA
Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of ionic-lottie
ionic-lottie Key Features
ionic-lottie Examples and Code Snippets
Community Discussions
Trending Discussions on ionic-lottie
QUESTION
I am updating an existing project made with Ionic v1 in which I have to add a Lottie animation.
I found a similar thread on Github - https://github.com/yannbf/ionic-lottie/issues/1
I tried to add bodymovin script in my index.html, and calling the function from the controller but nothing happens. I don't receive any error so I am not sure what is wrong here.
This is the script I am using - https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.5.2/lottie.js
And here is the code I am using to call the lottie function
...ANSWER
Answered 2019-May-13 at 10:19I managed to solve it.
If anyone gets the same issue, the problem was that angular.element(document.getElementById('lottie')) returns an object.
The correct way to show lottie animation in ionic v1 is:
Community Discussions, Code Snippets contain sources that include Stack Exchange Network
Vulnerabilities
No vulnerabilities reported
Install ionic-lottie
Support
Reuse Trending Solutions
Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items
Find more librariesStay Updated
Subscribe to our newsletter for trending solutions and developer bootcamps
Share this Page