Javascript Can’;t绑定到‘;懒洋洋’;因为它不是’;t‘的已知财产;img&x2019;-离子4-ng惰性负载
我正在尝试让lazyLoad在我的Ionic 4应用程序上工作。我已经在app.module.ts上导入了它,并且正在尝试在我的页面上使用它。我不确定问题是什么,非常感谢您的帮助 app.module.tsJavascript Can’;t绑定到‘;懒洋洋’;因为它不是’;t‘的已知财产;img&x2019;-离子4-ng惰性负载,javascript,angular,lazy-loading,ionic4,Javascript,Angular,Lazy Loading,Ionic4,我正在尝试让lazyLoad在我的Ionic 4应用程序上工作。我已经在app.module.ts上导入了它,并且正在尝试在我的页面上使用它。我不确定问题是什么,非常感谢您的帮助 app.module.ts import { LazyLoadImageModule, intersectionObserverPreset } from 'ng-lazyload-image'; @NgModule({ declarations: [AppComponent], entryComponen
import { LazyLoadImageModule, intersectionObserverPreset } from 'ng-lazyload-image';
@NgModule({
declarations: [AppComponent],
entryComponents: [],
imports: [BrowserModule, IonicModule.forRoot(), AppRoutingModule, HttpClientModule, IonicStorageModule.forRoot(),LazyLoadImageModule.forRoot({preset: intersectionObserverPreset})],
providers: [
StatusBar,
SplashScreen,
Insomnia,
{ provide: RouteReuseStrategy, useClass: IonicRouteStrategy }
],
bootstrap: [AppComponent]
})
export class AppModule {}
my page.html
<ion-col size="2" *ngFor="let movie of browseResults| keyvalue">
<div class="rating">☆ {{movie.value.rating}}</div>
<img (click)="movieDetails(movie.value.stream_id)" (keyup.enter)="movieDetails(movie.value.stream_id)" [lazyLoad]="movie.value.stream_icon" class="browse-image focusable">
</ion-col>
☆ {{movie.value.rating}
我正在这个页面的component.ts中导入它,但不确定还能做什么。它并没有真正在组件上使用。我猜这是因为延迟加载是一种新的浏览器功能,在ionic framework中还没有。嗯,ionic framework正在使用angular 8。所以我想是的。谢谢你的评论!你能不能在其他模块中使用该组件,而不是在该组件上使用它来发布代码。它应该能正常工作?我想这就是我困惑的地方。试试看
[attr.lazyLoad]
我猜这是因为延迟加载是一种新的ish浏览器功能,在ionic框架中还没有。嗯,ionic框架正在使用angular 8。所以我想是的。谢谢你的评论!你能不能在其他模块中使用该组件,而不是在该组件上使用它来发布代码。它应该能正常工作?我想这就是我困惑的地方。试试[attr.lazyLoad]