ΠΡΠΈΠ²Π΅Ρ,
ΠΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΡΠΎΠ±Π»Π΅ΠΌΠ°, Π°Π½Π°Π»ΠΎΠ³ΠΈΡΠ½Π°Ρ https://github.com/tjoskar/ng-lazyload-image/issues/256.
ΠΠ΄Π½Π°ΠΊΠΎ, ΠΏΠΎΡΠΊΠΎΠ»ΡΠΊΡ ΡΡΠΎ Π·Π°ΠΊΡΡΡΠ°Ρ ΠΏΡΠΎΠ±Π»Π΅ΠΌΠ°, Ρ ΡΠΎΠ·Π΄Π°Π» Π½ΠΎΠ²ΡΡ ΠΎΡΠΊΡΡΡΡΡ.
ΠΠ΄Π½Π°ΠΊΠΎ, ΠΊΠΎΠ³Π΄Π° Ρ ΠΏΠΎΠΏΡΡΠ°Π»ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠΎ ΠΆΠ΅ ΠΈΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅. Π― ΠΏΠΎΠ»ΡΡΠ°Ρ ΠΎΡΠΈΠ±ΠΊΡ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ Π²ΡΠΏΠΎΠ»Π½Π΅Π½ΠΈΡ Π½Π° ionic 3
page.ts - Π·Π΄Π΅ΡΡ Ρ ΠΏΠΎΠ»ΡΡΠ°Ρ ΡΠ²Π΅Π΄ΠΎΠΌΠ»Π΅Π½ΠΈΠ΅ ΠΎΠ± ΠΎΡΠ»Π°Π΄ΠΊΠ΅ ΠΏΠΎ ΡΠ΅ΠΌΠ΅, Π½Π΅ Π½Π°ΠΉΠ΄Π΅Π½Π½ΠΎΠΉ. Π’Π‘.
imageChange$ = new Subject();
slideChanged() {
this.imageChange$.next();
}
ΡΡΡΠ°Π½ΠΈΡΠ°.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 (Π² ΠΎΠ±Π΅ΡΠ°Π½ΠΈΠΈ): ReferenceError: Π’Π΅ΠΌΠ° Π½Π΅ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π° ReferenceError: Π’Π΅ΠΌΠ° Π½Π΅ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π°
ΠΡΠΈΠ²Π΅Ρ @myrsk ,
ΠΡ ΠΈΠΌΠΏΠΎΡΡΠΈΡΠΎΠ²Π°Π»ΠΈ Subject
ΠΈΠ· rxjs? ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ: import { Subject } from 'rxjs/Subject';
?
@tjoskar, ΠΊ ΡΠΎΠΆΠ°Π»Π΅Π½ΠΈΡ, ΠΏΠΎΡΠΊΠΎΠ»ΡΠΊΡ Ρ Π½Π΅ ΠΌΠΎΠ³ Π·Π°ΡΡΠ°Π²ΠΈΡΡ Π΅Π³ΠΎ ΡΠ°Π±ΠΎΡΠ°ΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ Π΄Π½Π΅ΠΉ, ΠΌΠ½Π΅ ΠΏΡΠΈΡΠ»ΠΎΡΡ ΡΠ΄Π°Π»ΠΈΡΡ Π΅Π³ΠΎ ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΄ΡΡΠ³ΠΎΠΉ ΠΏΠΎΠ΄Ρ ΠΎΠ΄.
Π― ΠΏΠΎΠΏΡΠΎΠ±ΡΡ ΡΡΠΎ, Ρ ΠΎΡΡ Π½Π΅ ΡΠ²Π΅ΡΠ΅Π½ Π½Π° 100%, ΠΈΠΌΠΏΠΎΡΡΠΈΡΠΎΠ²Π°Π» Π»ΠΈ Ρ.
Π‘ΠΏΠ°ΡΠΈΠ±ΠΎ.
@myrsk , ΠΏΠΎΠ½ΡΡΠ½ΠΎ, Π΄Π°ΠΉΡΠ΅ ΠΌΠ½Π΅ Π·Π½Π°ΡΡ, Π΅ΡΠ»ΠΈ ΡΡΠΎ Π½Π΅ ΡΠ΅ΡΠΈΡ Π²Π°ΡΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ.
ΠΡΠΈΠ²Π΅Ρ, ΠΏΠΎΠΆΠ°Π»ΡΠΉΡΡΠ°, Π»ΡΠ±ΠΎΠ΅ ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ ΡΡΠΎΠΉ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ? Π½Π° Π΄Π°Π½Π½ΡΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ Ρ ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Ρ ΡΠ²ΠΎΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ.
ΠΡΠΈΠ²Π΅Ρ @sabiridwan ,
ΠΡ ΠΏΠΎΠ»ΡΡΠ°Π΅ΡΠ΅ ΡΡ ΠΆΠ΅ ΠΎΡΠΈΠ±ΠΊΡ, ReferenceError: Subject is not defined ReferenceError: Subject is not defined
? Π Π»ΡΠ±ΠΎΠΌ ΡΠ»ΡΡΠ°Π΅, ΠΏΠΎΠΆΠ°Π»ΡΠΉΡΡΠ°, ΠΎΡΠΊΡΠΎΠΉΡΠ΅ Π½ΠΎΠ²ΡΡ ΡΠ΅ΠΌΡ, ΠΈ Ρ ΠΏΠΎΡΡΠ°ΡΠ°ΡΡΡ Π²Π°ΠΌ ΠΏΠΎΠΌΠΎΡΡ.
ΠΡΠΈΠ²Π΅Ρ @tjoskar ΡΠΏΠ°ΡΠΈΠ±ΠΎ ..
Ρ ΡΠ°Π±ΠΎΡΠ°Π», ΠΊΠΎΠ³Π΄Π° Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ
Π‘Π°ΠΌΡΠΉ ΠΏΠΎΠ»Π΅Π·Π½ΡΠΉ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΉ
ΠΡΠΈΠ²Π΅Ρ @tjoskar ΡΠΏΠ°ΡΠΈΠ±ΠΎ ..
Ρ ΡΠ°Π±ΠΎΡΠ°Π», ΠΊΠΎΠ³Π΄Π° Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ