html - 将 Lottie Player 安装到 Angular

Question

我目前正在尝试实现 Lottie到我的 Angular 网络应用程序。

不知何故，我还无法做到。我尝试按照 中的说明进行操作github ，但这会导致多个错误，例如:

lottie-player is not a known ng module.

此外，我尝试安装 ng-lottie对于 Angular - 因为原来的不起作用 - 但这个没有提供任何选项来跳转到一个框架或只循环到某个框架。

有没有人知道让乐透玩家工作的替代方法或方法？

Answer 1

您可以添加 lottie-player 作为自定义元素架构

npm install --save @lottiefiles/lottie-player

angular.json

"scripts": [
          "./node_modules/@lottiefiles/lottie-player/dist/lottie-player.js"
]

custom.module.ts

import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';

@NgModule({
schemas: [ CUSTOM_ELEMENTS_SCHEMA ]
})
export class CustomModule { }

自定义组件.html

<lottie-player src="https://assets4.lottiefiles.com/datafiles/zc3XRzudyWE36ZBJr7PIkkqq0PFIrIBgp4ojqShI/newAnimation.json"  background="transparent"  speed="1" loop  autoplay >
</lottie-player>

希望这可以帮助!如果你设法用不同的方法实现它，你可以通过分享它来帮助