2イオン - ショーデフォルトの画像の元画像がイオン2アプリケーションで

Question

をロードされる前に、私は、リストの各項目は、画像とI

は、元の画像がロードされ、私はこのようなトレイの前に、デフォルトの画像を表示したいしているリストを作成：

<!--Item 1--> 
    <div *ngFor="let c of category" class="list_item" (click)="goToCategory(c.id,c.title)"> 
//default image 
    <img src="./assets/img/default.png" alt="" [hidden]="loaded"> 
//original image 
    <img [src]="c.img" (load)="loaded = true" alt="" > 
    <div class="band_item"> 
     <h5 class="persian">{{c.title}}</h5> 
     <span class="persian">{{c.description}}</span> 
    </div> 
    </div> 

が、初期化は、私はこのようなデフォルトのimgタグで追加（負荷）とそれを解決する

Answer 1

未定義であるデフォルトの画像タグにロードされたVAR：

<img src="./assets/img/pre.png" alt="" (load)="loaded = false" [hidden]="loaded"> 

このように使用してください：

<!--Item 1--> 
    <div *ngFor="let c of category" class="list_item" (click)="goToCategory(c.id,c.title)"> 
    <img src="./assets/img/default.png" (load)="loaded = false" [hidden]="loaded"> 
    <img [src]="c.img" (load)="loaded = true" alt="" > 
    <div class="band_item"> 
     <h5 class="persian">{{c.title}}</h5> 
     <span class="persian">{{c.description}}</span> 
    </div> 
    </div>