Jsonリターンオブジェクト（Ionic）（Angularjs）の問題

Question

すべてのjsonファイルを繰り返し処理しようとしています。{{title}}で動作していますが、すべてが表示されますが、添付ファイルのURLでは機能しません。

JSON

LINK IMAGE JSON

HTML

<ion-content>  
    <ion-card *ngFor="let user of users"> 
    <img [src]="user.attachments.url"> <!--It doesn't work--> 
    <ion-card-content> 
    <ion-card-title> 
    {{ user.title }} <!--WORK--> 
    </ion-card-title> 
    </ion-content> 

プロバイダ

import { Injectable } from '@angular/core'; 
import { Http } from '@angular/http'; 
import 'rxjs/add/operator/map'; 


@Injectable() 
export class UserService { 
    data: any; 

    constructor(private http: Http) { 
    this.data = null; 
    } 

    load() { 
    if (this.data) { 
     // already loaded data 
     return Promise.resolve(this.data); 
    } 

    // don't have the data yet 
    return new Promise(resolve => { 
     this.http.get('file.json') 
     .map(res => res.json()) 
     .subscribe(data => { 
      this.data = data.posts; 
      resolve(this.data); 
     }); 
    }); 


    } 
     generateArray(obj){ 
    return Object.keys(obj).map((key)=>{ return obj[key]}); 
} 
} 

Answer 1

の添付ファイルあなたは！、こんにちはのみ、可能な解決策がある、

<ion-content>  
<ion-card *ngFor="let user of users"> 
<img [src]="user.attachments[0].url"> <!--first attachment. It will give error for no attachments--> 
<ion-card-content> 
<ion-card-title> 
{{ user.title }} <!--WORK--> 
</ion-card-title>