首页 > 解决方案 > ng-lottie 和 ngx-lottie 在 ionic-5 中不起作用

问题描述

我正在将 lottie 飞溅动画集成到 ionic 5 框架中的组件中。

我已经使用npm install --save ng-lottie并按照文档https://www.npmjs.com/package/ng-lottie中的步骤安装了 ng-lottie 。但是,它显示以下错误。请帮我解决这个问题。

Uncaught Error: Template parse errors:
Can't bind to 'options' since it isn't a known property of 'lottie-animation-view'.
1. If 'lottie-animation-view' is an Angular component and it has 'options' input, then verify that it is part of this module.
2. If 'lottie-animation-view' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("

<lottie-animation-view
                    [ERROR ->][options]="lottieConfig"
                    [width]="300"
                    [height]="600"
"): ng:///SsoModule/SsoComponent.html@13:20
Can't bind to 'width' since it isn't a known property of 'lottie-animation-view'.

标签: ionic5

解决方案


您还必须在'.module.ts组件中导入 LottieModule

@NgModule({
  imports: [
   ***,
    LottieModule
  ],

推荐阅读