json object 反序列化問題 typescript

Question

作為我項目的一部分，我需要將一些 model 數據寫入 JSON object 並將其下載到文件中。 然后我需要加載該文件並將 JSON 反序列化為 model object。 那部分不工作

演示項目https://stackblitz.com/edit/angular-wpg5gx

對於重現，單擊導出按鈕，您將下載 JSON 文件並嘗試導入導出的文件

預期的

{"name":"usa","orgAddress1":"123 broadway","orgAddress2":"2D","city":"new york","system":[{"name":"sap"},{"name":"sap"},{"name":"sap"},{"name":"sap"},{"name":"sap"},{"name":"sap"},{"name":"sap"},{"name":"sap"},{"name":"sap"},{"name":"sap"}]}

實際結果：

Partner {0: "{", 1: """, 2: "n", 3: "a"…}
0: "{"
1: """
10: "s"
100: "a"
101: "p"
102: """
103: "}"
104: ","
105: "{"
106: """
107: "n"
108: "a"
109: "m"
11: "a"
110: "e"

.....................

Answer 1

在解析字符串之前，您正在調用JSON.stringify() 。 如果您刪除JSON.stringify()調用，它將按預期工作。

let object = JSON.parse(fileReader.result as string);

Answer 2

將您的轉化更新為以下內容

let json = fileReader.result.toString();
let obj = JSON.parse(json);
var convert = Object.assign(new Partner(), obj);

這應該讓你得到你正在尋找的東西。