在 Angular 2+ 中从本地存储中存储/检索数组

Question

我在尝试在 Angular 4 应用程序的本地存储中存储和检索数组时遗漏了一些基本的东西。

应用程序将数组从服务器检索到一个名为 aToDo 的“任意”类型变量中：

{"qoption":"Trap Surveyor (<em>Competency for CM OAP<\/em>)"}

并通过以下方式存储在本地存储中：

localStorage.setItem('aToDo',JSON.stringify(this.aToDo));

它从本地存储中检索为：

this.aToDo = JSON.parse(localStorage.getItem('aToDo'));

this.aToDo 的 console.log 显示：

{"qoption":"Trap Surveyor (<em>Competency for CM OAP<\/em>)"}

但是到了这个阶段，记录 this.aToDo.qoption 会产生“未定义”，而用于列出数组内容的 *ngFor 会产生该死的错误：

Error: Cannot find a differ supporting object '{"qoption":"Trap Surveyor (<em>Competency for CM OAP<\/em>)"}' of type 'string'. 

我的错误在哪里？谢谢/汤姆

Answer 1

两件事：

1. console.log 默认情况下会在您的输出旁边输出“未定义”，因为它不是返回函数。这很正常。
2. aToDo 是一个对象，而不是一个数组。您不能在对象上使用 ngFor。