Ng-lazyload-image: 离子幻灯片仅显示第一张图片

创建于 2018-01-03  ·  6评论  ·  资料来源: tjoskar/ng-lazyload-image

你好,

https://github.com/tjoskar/ng-lazyload-image/issues/256有类似的问题

但是,由于它是一个封闭的问题,我创建了一个新的开放问题。

但是,当我尝试使用相同的修复程序时。 我在 ionic 3 上遇到运行时错误

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>

未捕获(承诺中):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 等级