角度6-文本区域中的值显示为对象

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'

}

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

{{ thecontents | json }}

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

我该如何解决？

Answer 1

您需要解析对象，

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

然后

{{ mydat | json }}

Answer 2

那是因为如果您想显示字符串

，则需要将Json对象传递给文本字段

执行Json.stringify（您的数据），然后将其传递到您的文本字段