Ng-lazyload-image: las diapositivas iónicas muestran solo la primera imagen

Creado en 3 ene. 2018  ·  6Comentarios  ·  Fuente: tjoskar/ng-lazyload-image

Hola,

Tener un problema similar a https://github.com/tjoskar/ng-lazyload-image/issues/256

Sin embargo, como es un tema cerrado, he creado uno nuevo abierto.

Sin embargo, cuando traté de usar la misma solución. Recibo un error de tiempo de ejecución en ionic 3

page.ts: aquí recibo un aviso de depuración sobre Asunto no encontrado. TS.

imageChange$ = new Subject();

  slideChanged() {
    this.imageChange$.next();
  }

página.html

<ion-slides *ngIf="(item | async).image1" class="image-slider" loop="true" slidesPerView="2" (ionSlideDidChange)="slideChanged()">
        <ion-slide *ngIf="(item | async).image1">
          <img [defaultImage]="'https://www.placecage.com/1000/1000'" [lazyLoad]="(item | async).image1" class="thumb-img" imageViewer [scrollObservable]="imageChange$" [offset]="'100'">
        </ion-slide>
        <ion-slide *ngIf="(item | async).image2">
            <img [defaultImage]="'https://www.placecage.com/1000/1000'" [lazyLoad]="(item | async).image2" class="thumb-img" imageViewer [scrollObservable]="imageChange$" [offset]="'100'">
          </ion-slide>
          <ion-slide *ngIf="(item | async).image3">
              <img [defaultImage]="'https://www.placecage.com/1000/1000'" [lazyLoad]="(item | async).image3" class="thumb-img" imageViewer [scrollObservable]="imageChange$" [offset]="'100'">
            </ion-slide>
            <ion-slide *ngIf="(item | async).image4">
                <img [defaultImage]="'https://www.placecage.com/1000/1000'" [lazyLoad]="(item | async).image4" class="thumb-img" imageViewer [scrollObservable]="imageChange$" [offset]="'100'">
              </ion-slide>
              <ion-slide *ngIf="(item | async).image5">
                  <img [defaultImage]="'https://www.placecage.com/1000/1000'" [lazyLoad]="(item | async).image5" class="thumb-img" imageViewer [scrollObservable]="imageChange$" [offset]="'100'">
                </ion-slide>
                <ion-slide *ngIf="(item | async).image6">
                    <img [defaultImage]="'https://www.placecage.com/1000/1000'" [lazyLoad]="(item | async).image6" class="thumb-img" imageViewer [scrollObservable]="imageChange$" [offset]="'100'">
                  </ion-slide>
      </ion-slides>
    </ion-card>

No capturado (en promesa): ReferenceError: el asunto no está definido ReferenceError: el asunto no está definido

Comentario más útil

Hola @tjoskar gracias..
trabajé cuando uso


Todos 6 comentarios

Hola @myrsk ,
¿Ha importado Subject de rxjs? Así: import { Subject } from 'rxjs/Subject'; ?

@tjoskar desafortunadamente, como no pude hacer que funcionara durante algunos días, tuve que eliminarlo y usé un enfoque diferente.

Sin embargo, intentaré esto, no estoy seguro al 100% si importé.

Gracias.

@myrsk , ya veo, avísame si no resuelve tu problema.

hola por favor alguna solucion a este problema por ahora estoy configurando mis imágenes a la imagen predeterminada.

Hola @sabiridwan ,
¿Recibes el mismo error, ReferenceError: Subject is not defined ReferenceError: Subject is not defined ? En cualquier caso, abre un nuevo problema e intentaré ayudarte.

Hola @tjoskar gracias..
trabajé cuando uso


¿Fue útil esta página
0 / 5 - 0 calificaciones

Temas relacionados

coryrylan picture coryrylan  ·  7Comentarios

vugar005 picture vugar005  ·  10Comentarios

lares83 picture lares83  ·  3Comentarios

alisahinozcelik picture alisahinozcelik  ·  4Comentarios

AzerHeshim picture AzerHeshim  ·  5Comentarios