错误：找不到类型为“....”的不同支持对象“[object Object]”。 NgFor 只支持……}答案

【问题标题】：Error: Cannot find a differ supporting object '[object Object]' of type '....'. NgFor only supports……}错误：找不到类型为“....”的不同支持对象“[object Object]”。 NgFor 只支持……}
【发布时间】：2017-05-24 12:35:49
【问题描述】：

[  
   {  
      "id":1,
      "name":"Ashiz",
      "email":"ashizhamal@gmail.com",
      "message":"How are you yankee\r\n",
      "created_at":"2017-05-24 03:16:53",
      "updated_at":"2017-05-24 03:16:53"
   }
]
.map(res => res.json());

虽然我以上述方式使用 json 数据，但它工作得很好。我可以使用 json 数据，但是当我使用这种方式作为对象时，我得到了错误。为什么？方括号和没有方括号的区别是什么？

{  
   "id":1,
   "name":"Ashiz",
   "email":"ashizhamal@gmail.com",
   "message":"How are you yankee\r\n",
   "created_at":"2017-05-24 03:16:53",
   "updated_at":"2017-05-24 03:16:53"
}

【问题讨论】：

[] 是 array 或 iterable 并且 {} 是具有键值对的 object . ngFor 需要一个可迭代的..
如果您只有一个对象，则不需要*ngFor，您可以只显示属性，例如{{objectNameHere?.name}} 注意安全导航运算符：angular.io/docs/ts/latest/guide/…

标签： php json angular

【解决方案1】：

当您不使用[] 时，您需要将parse 与$.parseJSON 一起使用，如下所示。

jQuery.parseJSON({  
   "id":1,
   "name":"Ashiz",
   "email":"ashizhamal@gmail.com",
   "message":"How are you yankee\r\n",
   "created_at":"2017-05-24 03:16:53",
   "updated_at":"2017-05-24 03:16:53"
});

【讨论】：