我很难使用Angular HTTP get方法检索blogger.com JSON数据 .

如果我使用 this.posts = data; 我得到 Cannot find a differ supporting object '[object Object]' of type 'object'. NgFor only supports binding to Iterables such as Arrays. 错误,当我使用 this.posts = Array.of(data) 时,响应在Array of Array内部并且不显示输出 .

jsonApiProvider.myBlogger(1)
    .map(res => res.json().items)
    .subscribe(data => {
        this.posts = Array.of(data);
        console.log(this.posts)
    }, err => console.error(err)
);

这是最终回复的屏幕截图 . json response screenshot

回复 this.posts = data; console.log(this.posts)this.posts = data response

ngFor loop:

<ion-card *ngFor="let post of posts">

    <ion-item *ngFor="let author of post.author">
        <ion-avatar item-left>
            <img src="{{author.image.url}}" />
        </ion-avatar>
        <h2>{{author.displayName}}</h2>
        <p>{{post.published | date:'dd/MM/yyyy'}}</p>
    </ion-item>
    <div *ngFor="let thumbnail of post.images">
        <img src="{{thumbnail.url}}" />
    </div>
    <ion-card-content>
        <ion-card-title>{{post.title}}</ion-card-title>
        <div [innerHTML]="post.content">
            {{post.content}}
        </div>
    </ion-card-content>
</ion-card>

如何在Angular(Ionic)中迭代JSON对象?我的方法错了吗?