如何在英特尔 XDK 上使用本地存储？答案

【问题标题】：How to use local storage on Intel XDK?如何在英特尔 XDK 上使用本地存储？
【发布时间】：2017-02-03 08:00:59
【问题描述】：

我在编程和英特尔 xdk 方面非常非常菜鸟。我正在使用 Intel XDK 和 Ionic Framework 创建 android 应用程序，我想使用本地存储来存储我的数据。我在互联网上搜索并找到了一些使用 LokiJS 和 PouchDB 的教程，但是当我尝试时，它没有用。

然后，我找到了这样的简单脚本本地存储：

<h1>Welcome <span id="name"></span></h1>
<br>
<input id="input" placeholder="What is your name?">
<button onclick="setName()">Save</button>
<br>
<br>
<button onclick="getName()">Get the Name</button>

</div>
<script>
document.addEventListener("deviceready", function(){

document.getElementById("name").innerHTML = window.localStorage.getItem("name");

}, false);  

function setName(){     
window.localStorage.setItem("name", document.getElementById("input").value);
alert("Name added to localStorage");
}

function getName(){
alert(window.localStorage.getItem("name"));
}
</script>

它在我的项目上工作， input->store->get ，很简单。

但现在我想，如果我输入文本，它将存储到某个数组上的存储中，然后我想在 intel xdk 的列表视图中显示文本。我可以这样做吗？

【问题讨论】：

标签： javascript html local-storage intel-xdk

【解决方案1】：

是的，您可以在 the documentation of the ionic ion-list 中找到，离子列表只是一个简单的角度指令，您可以使用 ng-repeat 循环遍历任何数组并填充此列表。

如果您之前从未使用过 ng-repeat this 是我不久前录制的视频教程来解释它。

还有一个关于堆栈溢出的问题已回答here，它解释了如何将完整的数组存储在本地存储中并对其进行操作。

棘手的部分是本地存储保存键值对，因此您必须将数组转换为字符串并将其存储为字符串文字，然后当您打算使用 JSON.stringfy 使用它时再次将其转换为对象功能

【讨论】：