μλ νμΈμ,
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: μ£Όμ κ° μ μλμ§ μμμ΅λλ€.
μλ
νμΈμ @myrsk μ
λλ€ .
rxjsμμ Subject
κ°μ Έμμ΅λκΉ? import { Subject } from 'rxjs/Subject';
?
@tjoskar λΆννλ λ©°μΉ λμ μλνμ§ μμκΈ° λλ¬Έμ μ κ±°νκ³ λ€λ₯Έ μ κ·Ό λ°©μμ μ¬μ©ν΄μΌ νμ΅λλ€.
λλ μ΄κ²μ μλ ν κ²μ λλ€. μμ νλμ§ 100 % νμ ν μ μμ΅λλ€.
κ°μ¬ ν΄μ.
@myrsk ,
μλ νμΈμ μ΄ λ¬Έμ μ λν ν΄κ²°μ± μ΄ μμ΅λκΉ? μ§κΈμ λ΄ μ΄λ―Έμ§λ₯Ό κΈ°λ³Έ μ΄λ―Έμ§λ‘ μ€μ νκ³ μμ΅λλ€.
μλ
νμΈμ @sabiridwan μ
λλ€ .
ReferenceError: Subject is not defined ReferenceError: Subject is not defined
κ°μ μ€λ₯κ° λ°μν©λκΉ? μ΄μ¨λ μ λ¬Έμ λ₯Ό μ΄μ΄ μ£Όμλ©΄ λμ λλ¦¬κ² μ΅λλ€.
μλ
νμΈμ @tjoskar κ°μ¬ν©λλ€..
λλ λ΄κ° μ¬μ©ν λ μΌνλ€
κ°μ₯ μ μ©ν λκΈ
μλ νμΈμ @tjoskar κ°μ¬ν©λλ€..
λλ λ΄κ° μ¬μ©ν λ μΌνλ€