Ng-lazyload-image: рдЖрдпрдирд┐рдХ рд╕реНрд▓рд╛рдЗрдб рдХреЗрд╡рд▓ рдкрд╣рд▓реА рдЫрд╡рд┐ рджрд┐рдЦрд╛рддреА рд╣реИ

рдХреЛ рдирд┐рд░реНрдорд┐рдд 3 рдЬрдире░ 2018  ┬╖  6рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: tjoskar/ng-lazyload-image

рдирдорд╕реНрддреЗ,

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>

рдзреНрдпрд╛рди рдореЗрдВ рди рдЖрдпрд╛ (рд╡рд╛рджреЗ рдореЗрдВ): рд╕рдВрджрд░реНрдн рддреНрд░реБрдЯрд┐: рд╡рд┐рд╖рдп рдкрд░рд┐рднрд╛рд╖рд┐рдд рдирд╣реАрдВ рд╣реИ рд╕рдВрджрд░реНрдн рддреНрд░реБрдЯрд┐: рд╡рд┐рд╖рдп рдкрд░рд┐рднрд╛рд╖рд┐рдд рдирд╣реАрдВ рд╣реИ

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

рд╣рд╛рдп @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 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

el-davo picture el-davo  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

kodeine picture kodeine  ┬╖  7рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

walfro picture walfro  ┬╖  11рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

LobeTia picture LobeTia  ┬╖  6рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

audacitus picture audacitus  ┬╖  5рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ