與圖像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

使用屬性伺機爲[SRC = 「...」

<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}` 
    } 
}