Question

我正在尝试将localStorage数据显示到列表中。我试图用* ngFor绑定它但是我似乎没有把它弄好。

Answer 1

声明一个类型为array

的变量

users: any = [];

然后

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

Answer 2

ng仅适用于不在对象中的数组。将localstorage数据推送到数组中。然后使用ngFor。

<强>更新

最好不要使用localData = { Key: User, Value: {"name":"Kevin","country":"Canada","about":"Test","image":""‌}}，因为您没有重复的界面。我建议你这样去

<ul>
   <li>{{localData.key}}</li>
   <li>{{localData.value.name}}</li>
   <li>{{localData.value.country}}</li>
   <li>{{localData.value.about}}</li>
   <li>{{localData.value.image}}</li>
</ul>

在你的HTML中

platform.ready

我希望这对你有帮助。如果你仍然需要* ngFor下面的用法评论。我会帮忙

Angular 2从localStorage获取密钥并显示在列表中

2 个答案: