Ng-lazyload-image: slides iônicos mostram apenas a primeira imagem

Criado em 3 jan. 2018  ·  6Comentários  ·  Fonte: tjoskar/ng-lazyload-image

Olá,

Tendo um problema semelhante a https://github.com/tjoskar/ng-lazyload-image/issues/256

No entanto, como é um problema fechado, criei um novo aberto.

No entanto, quando tentei usar a mesma correção. Estou recebendo um erro de tempo de execução no ionic 3

page.ts - aqui estou recebendo um aviso de depuração em Assunto não 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>

Não capturado (em promessa): ReferenceError: Assunto não definido ReferenceError: Assunto não definido

Comentários muito úteis

Oi @tjoskar obrigado..
eu trabalhava quando eu uso


Todos 6 comentários

Olá @myrsk ,
Você importou Subject do rxjs? Assim: import { Subject } from 'rxjs/Subject'; ?

@tjoskar infelizmente, como não consegui fazer funcionar por alguns dias, tive que removê-lo e usei uma abordagem diferente.

Vou tentar isso, porém, não tenho certeza 100% se importei.

Obrigado.

@myrsk , entendo, deixe-me saber se isso não resolver seu problema.

oi por favor alguma solução para este problema? por enquanto estou configurando minhas imagens para a imagem padrão.

Olá @sabiridwan ,
Você recebe o mesmo erro, ReferenceError: Subject is not defined ReferenceError: Subject is not defined ? De qualquer forma, abra um novo problema e tentarei ajudá-lo.

Oi @tjoskar obrigado..
eu trabalhava quando eu uso


Esta página foi útil?
0 / 5 - 0 avaliações

Questões relacionadas

el-davo picture el-davo  ·  4Comentários

LobeTia picture LobeTia  ·  6Comentários

sandeepdussa picture sandeepdussa  ·  9Comentários

stratio84 picture stratio84  ·  6Comentários

audacitus picture audacitus  ·  5Comentários