イメージを角度で表示していますか？

Question

私は角度で新たなんだと私は私が

this.visibleImages = this.imageService.getImages(); 

を使用し、それを

<div class="row"> 
    <ul id="thumbnailsList"> 
    <li *ngFor="let imtage of visibleImages" > 
     <img src="{{image.url}}" class="tn" width="200" height="160"> 
     <img src="assets/img/boat_02.jpeg" class="tn" width="200" height="160"> 
    </li> 
    </ul> 
</div> 

を表示するコンポーネントには、いくつかのサービス

const IMAGES = [ 
{"id":1, "category": "boats", "caption": "View from the boat", "url":"assets/img/boat_01.jpeg"}, 
{"id":2, "category": "boats", "caption": "Sailing the coast", "url":"assets/img/boat_02.jpeg"}, 
{"id":3, "category": "boats", "caption": "The water was nice", "url":"assets/img/boat_03.jpeg"}] 

getImages() { 
     return this.visibleImages = IMAGES.slice(0); 
} 

を持っている資産に

をウッシング表示画像を試します

しかし、私はURLを表示することはできませんまたは未定義ですが、 私は使用します

<img src="assets/img/boat_02.jpeg" class="tn" width="200" height="160"> 

それはうまく動作します。

Answer 1

これは一種のタイプミスあなたがあなたの `* ngFor`ディレクティブにタイプミスがあり

<li *ngFor="let image of visibleImages" >