Ng-lazyload-image: イオンスライドは最初の画像のみを表示します

作成日 2018年01月03日  ·  6コメント  ·  ソース: tjoskar/ng-lazyload-image

こんにちは、

https://github.com/tjoskar/ng-lazyload-image/issues/256と同様の問題があり

ただし、これはクローズドな問題であるため、新しいオープンな問題を作成しました。

しかし、私が同じ修正を使おうとしたとき。 ionic3でランタイムエラーが発生します

page.ts-ここでは、件名が見つからないというデバッグ通知を受け取っています。 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 promise):ReferenceError:サブジェクトが定義されていませんReferenceError:サブジェクトが定義されていません

最も参考になるコメント

こんにちは@tjoskarありがとう。
私は使用するときに働いた


全てのコメント6件

こんにちは@myrsk
rxjsからSubjectをインポートしましたか? このように: import { Subject } from 'rxjs/Subject';

@tjoskar残念ながら、私はそれを数日間動作させることができなかったので、それを削除し、別のアプローチを使用する必要がありました。

私はこれを試してみますが、インポートしたかどうかは100%わかりません。

ありがとう。

@myrsk 、なるほど、問題が解決しない場合はお知らせください。

こんにちはこの問題の解決策を教えてください? 今のところ、画像をデフォルトの画像に設定しています。

こんにちは@sabiridwan
同じエラーReferenceError: Subject is not defined ReferenceError: Subject is not definedますか? いずれにせよ、新しい号を開いてください。私がお手伝いします。

こんにちは@tjoskarありがとう。
私は使用するときに働いた


このページは役に立ちましたか?
0 / 5 - 0 評価