jHipsterの画像の問題

Question

画像をロードしようとしています。ソースはオブジェクトの属性でなければなりません。これは次のようなものです：

<div *ngFor="let object of objects"> 
    <img src="{{object.imagePath}}"> 
</div> 

イメージは見つかりませんでした。私はこのような直接imgタグの中に、同じパスを入れた場合は：

<img src="../../content/images/myObjectImage.png"/> 

それは動作します。どのようにこれを修正するための任意のアイデア？ [ソース] =「...」と結着

Answer 1

唯一の方法私はそれが配列を作成した作品作りが判明し、

：ビューに次に

for(let i = 0; i < object.length; i++) 
{ 
    imgUrl[i] = require(object[i].imgUrl); 
} 

：それをそのように移入

<img src="{{imgUrl[i]}}"> 

Answer 2

使用属性

ここ

<div *ngFor="let object of objects"> 
    <img [src]="object.imagePath"> 
</div> 

は一例です。

@Component({ 
    selector: 'my-app', 
    template: ` 
    <div> 
     <div *ngFor="let obj of objects"> 
     <img [src]="obj.path" width="100px"> 
     </div> 
    </div> 
    `, 
}) 
export class App { 
    objects = [ 
    {path: 'http://www.rd.com/wp-content/uploads/sites/2/2016/04/01-cat-wants-to-tell-you-laptop.jpg'}, 
    {path: 'http://www.rd.com/wp-content/uploads/sites/2/2016/04/02-cat-wants-to-tell-you-photos.jpg'} 
    ]; 
    constructor() { 
    this.name = `Angular! v${VERSION.full}` 
    } 
}