рдирдорд╕реНрддреЗ,
https://github.com/tjoskar/ng-lazyload-image/issues/256 . рдХреЗ рд╕рдорд╛рди рд╕рдорд╕реНрдпрд╛ рд╣реЛрдиреЗ рдкрд░
рд╣рд╛рд▓рд╛рдВрдХрд┐, рдЪреВрдВрдХрд┐ рдпрд╣ рдПрдХ рдмрдВрдж рдореБрджреНрджрд╛ рд╣реИ, рдЗрд╕рд▓рд┐рдП рдореИрдВрдиреЗ рдПрдХ рдирдпрд╛ рдЦреБрд▓рд╛ рдореБрджреНрджрд╛ рдмрдирд╛рдпрд╛ рд╣реИред
рд╣рд╛рд▓рд╛рдБрдХрд┐, рдЬрдм рдореИрдВрдиреЗ рдЙрд╕реА рдлрд┐рдХреНрд╕ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХреАред рдореБрдЭреЗ рдЖрдпрдирд┐рдХ 3 рдкрд░ рд░рдирдЯрд╛рдЗрдо рддреНрд░реБрдЯрд┐ рдорд┐рд▓ рд░рд╣реА рд╣реИ
page.ts - рдпрд╣рд╛рдБ рдореБрдЭреЗ рд╡рд┐рд╖рдп рдкрд░ рдбрд┐рдмрдЧ рдиреЛрдЯрд┐рд╕ рдирд╣реАрдВ рдорд┐рд▓рд╛ рд╣реИред рдЯреАрдПрд╕.
imageChange$ = new Subject();
slideChanged() {
this.imageChange$.next();
}
рдкреЗрдЬ.рдПрдЪрдЯреАрдПрдордПрд▓
<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>
рдзреНрдпрд╛рди рдореЗрдВ рди рдЖрдпрд╛ (рд╡рд╛рджреЗ рдореЗрдВ): рд╕рдВрджрд░реНрдн рддреНрд░реБрдЯрд┐: рд╡рд┐рд╖рдп рдкрд░рд┐рднрд╛рд╖рд┐рдд рдирд╣реАрдВ рд╣реИ рд╕рдВрджрд░реНрдн рддреНрд░реБрдЯрд┐: рд╡рд┐рд╖рдп рдкрд░рд┐рднрд╛рд╖рд┐рдд рдирд╣реАрдВ рд╣реИ
рд╣рд╛рдп @myrsk ,
рдХреНрдпрд╛ рдЖрдкрдиреЗ rxjs рд╕реЗ Subject
рдЖрдпрд╛рдд рдХрд┐рдпрд╛ рд╣реИ? рдЗрд╕ рддрд░рд╣: import { Subject } from 'rxjs/Subject';
?
@tjoskar рджреБрд░реНрднрд╛рдЧреНрдп рд╕реЗ, рдЪреВрдВрдХрд┐ рдореИрдВ рдЗрд╕реЗ рдХреБрдЫ рджрд┐рдиреЛрдВ рдХреЗ рд▓рд┐рдП рдХрд╛рдо рдирд╣реАрдВ рдХрд░ рд╕рдХрд╛, рдореБрдЭреЗ рдЗрд╕реЗ рд╣рдЯрд╛рдирд╛ рдкрдбрд╝рд╛ рдФрд░ рдПрдХ рдЕрд▓рдЧ рджреГрд╖реНрдЯрд┐рдХреЛрдг рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ред
рд╣рд╛рд▓рд╛рдВрдХрд┐ рдореИрдВ рдпрд╣ рдХреЛрд╢рд┐рд╢ рдХрд░реВрдВрдЧрд╛, рдЕрдЧрд░ рдореИрдВрдиреЗ рдЖрдпрд╛рдд рдХрд┐рдпрд╛ рддреЛ 100% рд╕реБрдирд┐рд╢реНрдЪрд┐рдд рдирд╣реАрдВ рд╣реИред
рдзрдиреНрдпрд╡рд╛рджред
@myrsk , рдореИрдВ рджреЗрдЦрддрд╛ рд╣реВрдВ, рдореБрдЭреЗ рдмрддрд╛рдПрдВ рдХрд┐ рдХреНрдпрд╛ рдпрд╣ рдЖрдкрдХреА рд╕рдорд╕реНрдпрд╛ рдХрд╛ рд╕рдорд╛рдзрд╛рди рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИред
рд╣рд╛рдп рдХреГрдкрдпрд╛ рдЗрд╕ рдореБрджреНрджреЗ рдХреЗ рд▓рд┐рдП рдХреЛрдИ рд╕рдорд╛рдзрд╛рди? рдЕрднреА рдХреЗ рд▓рд┐рдП рдореИрдВ рдЕрдкрдиреА рдЫрд╡рд┐рдпреЛрдВ рдХреЛ рдбрд┐рдлрд╝реЙрд▓реНрдЯ рдЫрд╡рд┐ рдкрд░ рд╕реЗрдЯ рдХрд░ рд░рд╣рд╛ рд╣реВрдВред
рд╣рд╛рдп @sabiridwan ,
рдХреНрдпрд╛ рдЖрдкрдХреЛ рд╡рд╣реА рддреНрд░реБрдЯрд┐ рдорд┐рд▓рддреА рд╣реИ, ReferenceError: Subject is not defined ReferenceError: Subject is not defined
? рдХрд┐рд╕реА рднреА рдорд╛рдорд▓реЗ рдореЗрдВ, рдХреГрдкрдпрд╛ рдПрдХ рдирдпрд╛ рдореБрджреНрджрд╛ рдЦреЛрд▓реЗрдВ рдФрд░ рдореИрдВ рдЖрдкрдХреА рдорджрдж рдХрд░рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░реВрдВрдЧрд╛ред
рд╣рд╛рдп @tjoskar рдзрдиреНрдпрд╡рд╛рдж ..
рдЬрдм рдореИрдВ рдЙрдкрдпреЛрдЧ рдХрд░рддрд╛ рд╣реВрдВ рддреЛ рдореИрдВрдиреЗ рдХрд╛рдо рдХрд┐рдпрд╛
рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА
рд╣рд╛рдп @tjoskar рдзрдиреНрдпрд╡рд╛рдж ..
рдЬрдм рдореИрдВ рдЙрдкрдпреЛрдЧ рдХрд░рддрд╛ рд╣реВрдВ рддреЛ рдореИрдВрдиреЗ рдХрд╛рдо рдХрд┐рдпрд╛