如何解决Ionic 5上的LazyLoadImageModule
您好,我正在将我的应用程序从Ionic 3升级到Ionic 5
我曾经有LazyLoadImageModule来加载多个图像。现在,当我在html页面中使用它时出现错误错误TypeError:无法读取未定义的属性'nativeElement'
这就是我的使用方式。
home.module.ts
import { LazyLoadImageModule } from 'ng-lazyload-image';
imports: [
LazyLoadImageModule
],
home.ts
export class HomePage implements OnInit {
defaultImage: string = 'assets/img/user.png';
home.html
<ion-content #container>
<img [defaultImage]="defaultImage" [lazyLoad]="item.profile_pic" [scrollTarget]="container._scrollContent.nativeElement" />
home.module.ts
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { IonicModule } from '@ionic/angular';
import { FormsModule } from '@angular/forms';
import { RouterModule } from '@angular/router';
import { HomePage } from './home.page';
import { LazyLoadImageModule } from 'ng-lazyload-image';
@NgModule({
imports: [
CommonModule,FormsModule,IonicModule,LazyLoadImageModule,RouterModule.forChild([
{
path: '',component: HomePage
}
])
],declarations: [HomePage]
})
export class HomePageModule {}
item数组根据需要返回。有帮助吗?
解决方法
您需要在模块中创建一个ngmodule部分:
import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { HomePage } from './home';
@NgModule({
declarations: [
HomePage,],imports: [
IonicPageModule.forChild(HomePage),exports: [
HomePage
]
})
另请参阅here
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。