Javascript Angular 8使用正确的数据显示HTTP响应。([对象])

Javascript Angular 8使用正确的数据显示HTTP响应。([对象]),javascript,arrays,json,angular,angular8,Javascript,Arrays,Json,Angular,Angular8,在我当前的Angular项目中,我向服务器发送一个JSON文件,服务器返回一个修改后的JSON文件。新的JSON文件应显示在树中 我目前的问题是无法从新的JSON读取数据。每当我想显示一个JSON对象时,总是会出现以下错误: [object Object] 后请求: public sendJSON() { this.http.post('url', this.combineJSON,{headers:{'Content-Type': 'application/json'}}).subs

在我当前的Angular项目中,我向服务器发送一个JSON文件,服务器返回一个修改后的JSON文件。新的JSON文件应显示在树中

我目前的问题是无法从新的JSON读取数据。每当我想显示一个JSON对象时,总是会出现以下错误:

[object Object]
后请求:

public sendJSON() {
    this.http.post('url', this.combineJSON,{headers:{'Content-Type': 'application/json'}}).subscribe((data: Device) => {

    console.log("Test Output: " + data);
  })
}
我定义了一个模型来处理响应:

export class Device {
    orderNumber: number;

    deviceTypeId: number;

    swRevision: string;

    hwRevision: string;
}

数据显示不正确的问题在哪里?

您正在尝试打印整个对象。可以利用JSON.stringify()函数将对象显示为字符串

log(“测试输出:+JSON.stringify(数据))

您定义的模型可以帮助您识别源代码中数据对象的所有属性。 例如,您可以使用以下选项打印swRevision属性:

日志(“测试输出:”+data.swRevision)


数据未正确显示是因为console.log中的
+

+
连接字符串,如果是字符串以外的内容,则调用对象的toString()方法


只需更改
console.log(“测试输出:”+数据)
console.log(“测试输出:”,数据)
console.log(“测试输出:”,数据)
没有JSON对象。它要么是JSON,即文本,要么是对象。要查看正确的控制台输出,请使用
console.log(“测试输出:”,数据)另请参见此处: