Анимация Lottie в проекте Ionic v1

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

Я нашел похожую ветку на 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);

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

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


ionic-framework angularjs lottie bodymovin
person Marija    schedule 30.04.2019    source источник

Ответы (1)


arrow_upward
0
arrow_downward

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

Если у кого-то возникает такая же проблема, проблема заключалась в том, что 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);
person Marija    schedule 13.05.2019