Ng-lazyload-image: slide ionik hanya menampilkan gambar pertama

Dibuat pada 3 Jan 2018  ·  6Komentar  ·  Sumber: tjoskar/ng-lazyload-image

Halo,

Memiliki masalah serupa dengan https://github.com/tjoskar/ng-lazyload-image/issues/256

Namun, karena ini adalah masalah tertutup, saya telah membuat yang baru terbuka.

Namun, ketika saya mencoba menggunakan perbaikan yang sama. Saya mendapatkan kesalahan runtime pada ionic 3

page.ts - di sini saya mendapatkan pemberitahuan debug tentang Subjek tidak ditemukan. TS.

imageChange$ = new Subject();

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

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

Tidak tertangkap (dalam janji): ReferenceError: Subjek tidak ditentukan ReferenceError: Subjek tidak ditentukan

Komentar yang paling membantu

Hai @tjoskar terima kasih..
saya bekerja ketika saya menggunakan


Semua 6 komentar

Hai @myrsk ,
Sudahkah Anda mengimpor Subject dari rxjs? Seperti ini: import { Subject } from 'rxjs/Subject'; ?

@tjoskar sayangnya, karena saya tidak bisa membuatnya berfungsi selama beberapa hari, saya harus menghapusnya dan menggunakan pendekatan yang berbeda.

Saya akan mencoba ini, tidak yakin 100% jika saya melakukan impor.

Terima kasih.

@myrsk , begitu, beri tahu saya jika itu tidak menyelesaikan masalah Anda.

hai tolong ada solusi untuk masalah ini? untuk saat ini saya mengatur gambar saya ke gambar default.

Hai @sabiridwan ,
Apakah Anda mendapatkan kesalahan yang sama, ReferenceError: Subject is not defined ReferenceError: Subject is not defined ? Bagaimanapun, silakan buka masalah baru dan saya akan mencoba membantu Anda.

Hai @tjoskar terima kasih..
saya bekerja ketika saya menggunakan


Apakah halaman ini membantu?
0 / 5 - 0 peringkat

Masalah terkait

kodeine picture kodeine  ·  7Komentar

alisahinozcelik picture alisahinozcelik  ·  4Komentar

AndreasSchmid1 picture AndreasSchmid1  ·  3Komentar

sandeepdussa picture sandeepdussa  ·  9Komentar

stratio84 picture stratio84  ·  6Komentar