Ng-lazyload-image: les diapositives ioniques montrent uniquement la première image

Créé le 3 janv. 2018  ·  6Commentaires  ·  Source: tjoskar/ng-lazyload-image

Bonjour,

Avoir un problème similaire à https://github.com/tjoskar/ng-lazyload-image/issues/256

Cependant, comme il s'agit d'un problème fermé, j'en ai créé un nouveau ouvert.

Cependant, lorsque j'ai essayé d'utiliser le même correctif. Je reçois une erreur d'exécution sur ionic 3

page.ts - ici, je reçois un avis de débogage sur le sujet non trouvé. 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 (en promesse) : ReferenceError : le sujet n'est pas défini ReferenceError : le sujet n'est pas défini

Commentaire le plus utile

Salut @tjoskar merci..
je travaillais quand j'utilisais


Tous les 6 commentaires

Salut @myrsk ,
Avez-vous importé Subject depuis rxjs ? Comme ceci : import { Subject } from 'rxjs/Subject'; ?

@tjoskar malheureusement, comme je n'ai pas pu le faire fonctionner pendant quelques jours, j'ai dû le supprimer et j'ai utilisé une approche différente.

Je vais essayer ceci cependant, pas sûr à 100% si j'ai importé.

Merci.

@myrsk , je vois, faites-moi savoir si cela ne résout pas votre problème.

salut s'il vous plaît une solution pour ce problème? pour l'instant, je règle mes images sur l'image par défaut.

Salut @sabiridwan ,
Obtenez-vous la même erreur, ReferenceError: Subject is not defined ReferenceError: Subject is not defined ? Dans tous les cas, veuillez ouvrir un nouveau sujet et j'essaierai de vous aider.

Salut @tjoskar merci..
je travaillais quand j'utilisais


Cette page vous a été utile?
0 / 5 - 0 notes

Questions connexes

rimlin picture rimlin  ·  5Commentaires

sandeepdussa picture sandeepdussa  ·  9Commentaires

kodeine picture kodeine  ·  7Commentaires

el-davo picture el-davo  ·  4Commentaires

dkmostafa picture dkmostafa  ·  7Commentaires