角2プリローダー

Question

* ngForの前にプリローダー（単純なイメージ）を置く方法がわかりません。データがサーバから取得された場合、私のリストは表示されますが、データがロードされない限り、画像が表示されます。あなたはngIfを使用する必要が

---

<tr ngFor='#product of products' >       
    <td >       
     {{product.id+ " " + product.title}} 
    </td>    
</tr> 

Answer 1

。ここでは、loading-imageあなたは私が角に新しいです申し訳ありませんが、自分で

@Component({ 
    selector: 'loading-image', 
    directives: [], 
    template: ` 
    <img src="{{loadImg}}"> 
    ` 
}) 
export class LoadingImage { 
    loadImg = 'assets/img/your-loading-image.gif'; 
}