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();
  }

νŽ˜μ΄μ§€.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 λ“±κΈ‰