Angular 6 - textarea 中的值显示为对象对象

Question

我有一些数据使用 localstorage 存储并使用 stringify 保存，我想将数据添加到文本区域。

以下是代码部分：

{
  "name":"some name"
}

得到的是我这样做的：

this.mydat = localStorage.getItem('mydata');

我在本地存储中的一个名为 mydata 的变量中有这个

所以 this.mydat 的控制台日志会给我这个：

{
  "name":"some name"
}

现在我想把它添加到文本区域，所以我这样做了：

this.con.nativeElement.value = JSON.parse(this.mydat);

这显示为：

[object Object]

在文本区域上。

我想看到的是这样的：

{
    name : 'some name'

}

在我的文本区域中，我添加了 json 管道：

{{ thecontents | json }}

所以理论上它应该显示一个js对象？

我该如何解决这个问题？

Answer 1

您需要解析对象，

this.mydat =JSON.parse(localStorage.getItem('mydata'));

然后

{{ mydat | json }}

Answer 2

那是因为如果要显示字符串

，您会将 Json 对象传递给文本字段

做Json.stringify（你的数据）然后将它传递到你的文本字段

Angular 6 - value in textarea showing as Object Object