javascript - 如何在Intel XDK上使用本地存储?

标签 javascript html local-storage intel-xdk

我对编程和英特尔 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 的 ListView 上显示文本。我可以这样做吗?

最佳答案

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

如果你以前从未使用过 ng-repeat this是我不久前录制的视频教程,对其进行了解释。

还有一个问题已得到解答here关于堆栈溢出,解释了如何在本地存储中存储完整的数组并操作它们。

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

关于javascript - 如何在Intel XDK上使用本地存储?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38516845/

相关文章:

javascript - JavaScript 世界,生活在双重 future ?

javascript - Nuxt.js + Auth(jwt 刷新 token )

php - MySQL:从选择标记插入值被截断

javascript - 我可以操纵网页以避免打开新选项卡并在同一选项卡中显示内容吗?

Javascript 本地存储条件没有响应

javascript - 遍历包含关键字的 localStorage

javascript - 在 react 代码中双重发布

javascript - 使用 jQuery 解析包含 CDATA 的 RSS 提要

html - 隐藏 css <span> @min-width : 480px

javascript - 通过本地存储设置时, react 状态仍在变化