Ng-lazyload-image: ionische Dias zeigt nur das erste Bild

Erstellt am 3. Jan. 2018  ·  6Kommentare  ·  Quelle: tjoskar/ng-lazyload-image

Hallo,

Habe ein ähnliches Problem wie https://github.com/tjoskar/ng-lazyload-image/issues/256

Da es sich jedoch um ein geschlossenes Problem handelt, habe ich ein neues offenes erstellt.

Als ich jedoch versuchte, den gleichen Fix zu verwenden. Ich erhalte einen Laufzeitfehler bei ionic 3

page.ts - hier erhalte ich eine Debug-Benachrichtigung zum Thema nicht gefunden. TS.

imageChange$ = new Subject();

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

page.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>

Uncaught (in Versprechen): ReferenceError: Betreff ist nicht definiert ReferenceError: Betreff ist nicht definiert

Hilfreichster Kommentar

Hallo @tjoskar danke..
Ich habe gearbeitet, wenn ich benutze


Alle 6 Kommentare

Hallo @myrsk ,
Haben Sie Subject von rxjs importiert? So: import { Subject } from 'rxjs/Subject'; ?

@tjoskar leider, da ich es einige Tage nicht zum

Ich werde dies jedoch versuchen, bin mir nicht 100% sicher, ob ich importiert habe.

Danke.

@myrsk , ich

hallo bitte eine lösung für dieses problem? Im Moment setze ich meine Bilder auf das Standardbild.

Hallo @sabiridwan ,
Erhalten Sie den gleichen Fehler, ReferenceError: Subject is not defined ReferenceError: Subject is not defined ? Eröffnen Sie in jedem Fall eine neue Ausgabe und ich werde versuchen, Ihnen zu helfen.

Hallo @tjoskar danke..
Ich habe gearbeitet, wenn ich benutze


War diese Seite hilfreich?
0 / 5 - 0 Bewertungen