Лотти-анимация в проекте Ionic v1 - PullRequest
Новая
       51

Лотти-анимация в проекте Ionic v1

0 голосов
/ 30 апреля 2019

Я обновляю существующий проект, созданный с помощью Ionic v1, в который мне нужно добавить анимацию Лотти.

Я нашел похожую тему на Github - https://github.com/yannbf/ionic-lottie/issues/1

Я пытался добавить скрипт bodymovin в мой index.html и вызывать функцию из контроллера, но ничего не происходит. Я не получаю никакой ошибки, поэтому я не уверен, что здесь не так.

Это скрипт, который я использую - https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.5.2/lottie.js

А вот код, который я использую для вызова функции лотереи 

$scope.animData = {
  wrapper: angular.element(document.getElementById('lottie')),
  animType: 'html',
  loop: true,
  prerender: true,
  autoplay: true,
  path: 'js/data.json'
};
$scope.anim = bodymovin.loadAnimation($scope.animData);

Есть ли у кого-нибудь работающее решение или есть идея, где я могу ошибаться?

Я ценю всю помощь!

1 Ответ

0 голосов
/ 13 мая 2019

Мне удалось ее решить.

Если у кого-то возникла такая же проблема, проблема заключалась в том, что angular.element (document.getElementById ('lottie')) возвращает объект.

Правильный способ показать анимацию лотереи в ionic v1: 

$scope.animData = {
    wrapper: angular.element(document.getElementById('lottie'))[0],
    animType: 'svg',
    loop: true,
    prerender: true,
    autoplay: true,
    path: 'js/data.json'
};
$scope.anim = bodymovin.loadAnimation($scope.animData);
...