遍历对象（数据） - Angular

Question

下面是我的代码，我想做的是订阅触发发送功能后返回的数据。现在订阅后，我将从我的 API 返回的数据分配给 this.Data 以传递给我的 ngFor 以显示我的数据。但我收到错误Error trying to diff '[object Object]'。难道是我没有达到数据中的显示属性或没有接受正确格式（对象）的数据？

Data: DataLink[] = [];


        Send(){

                this.http.forward(this.info)
                 .subscribe( data => {

                     this.Data = data;


                       console.log(data);
                 }) }

    <div *ngFor="let msg of Data">

      {{msg.display}}


**response**
 data: Array
    0: Object
       display: "How are you?"

Answer 1

直接在按键上循环。你应该没事的

Send(){

                this.http.forward(this.info)
                 .subscribe( data => {

              Object.keys(data).forEach(key => {

                  this.Data = data[key];

                       console.log(data);
                 }) }

    <div *ngFor="let msg of Data">

      {{msg.display}}
</div>

Answer 2

您看到的错误是因为data 是一个对象，而ngFor 需要一个数组。

看看这个答案：Error trying to diff '[object Object]'

另外，关于角度http 服务文档/示例https://angular.io/docs/ts/latest/guide/server-communication.html，请参阅此