json - Angular 6 - 文本区域中的值显示为对象对象

Question

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

以下是代码部分：

{
  "name":"some name"
}

得到的是我正在这样做：

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

我在 localstorage 中有一个名为 mydata 的变量

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

{
  "name":"some name"
}

现在我想将它添加到 textarea，所以我这样做：

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

这显示为：

[object Object]

在文本区域。

我想看到的是这样的：

{
    name : 'some name'

}

在我的 textarea 中，我添加了 json 管道：

{{ thecontents | json }}

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

我怎样才能解决这个问题？

标签： jsonangulartypescriptlocal-storageangular6

Answer 1

您需要解析对象，

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

接着

{{ mydat | json }}