Не можете связать с 'lazyLoad', так как это не известное свойство тега 'img' в ionic3? - PullRequest
Новая
       6

Не можете связать с 'lazyLoad', так как это не известное свойство тега 'img' в ionic3?

0 голосов
/ 06 сентября 2018

У меня выше ошибка после перезагрузки страницы в ionic3 после применения отложенного режима Загрузка изображений? enter image description here

Шаги, которые я предпринял:

Запуск Npm: npm install ng2-lazyload-image --save`

Импортировано в мой компонент: import {LazyLoadImageDirective} из 'ng2-lazyload-image';

В моем шаблоне:

В приведенном выше шаблоне userProduct.ImageCollection представляет собой массив динамического изображения, получаемого из Fire-store, но я получил ошибку выше после загрузки страницы. Может быть, я что-то упускаю из виду, но не могу понять, что это такое. 

import { BrowserModule }                            from '@angular/platform-browser';
import { ErrorHandler, NgModule, enableProdMode }   from '@angular/core';
import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular';
import { TranslateModule, TranslateLoader }         from '@ngx-translate/core';
import { LazyLoadImageModule }                      from 'ng2-lazyload-image';

@NgModule({
declarations: [
  MyApp,
  ImageSlider
],
imports: [
  BrowserModule,
  LazyLoadImageModule,
  IonicModule.forRoot(MyApp),
  IonicStorageModule.forRoot(),
  TranslateModule.forRoot({
    loader     : {
      provide    : TranslateLoader,
      useFactory : (createTranslateLoader),
      deps       : [HttpClient]
    }
  })
],
bootstrap: [IonicApp],
entryComponents: [
  MyApp,
  ImageSlider,
],
providers: [
  StatusBar,
  SplashScreen,
  Clipboard,
  {provide: ErrorHandler , useClass: IonicErrorHandler},
  Network
]
})
export class AppModule {}
enableProdMode();

export function createTranslateLoader(http: HttpClient) {
	return new TranslateHttpLoader(http, './assets/i18n/', '.json');
}
	<img [defaultImage]="assets/imgs/product_defaultImg.png" [lazyLoad]="userProduct.ImageCollection[0].url" [offset]="offset">
...