2016-07-22 90 views
1

我非常非常喜欢编程和intel xdk。 我创建使用英特尔XDK和Ionic框架的Android应用程序,我想使用本地存储来存储我的数据。我在互联网上搜索,发现像使用LokiJS和PouchDB一些教程,但是当我尝试它,它没有工作。如何在英特尔XDK上使用本地存储?

以后,我发现简单的脚本本地存储这样的:

<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> 

它的工作对我的项目,输入 - > store->获得,这很简单。

但现在我想,如果我输入文本,它将存储在某个数组上的存储,然后我想在英特尔xdk列表视图上显示文本。我可以那样做吗?

回答

0

是的,你可以在the documentation of the ionic ion-list找到它是离子列表只是一个简单的角度指令,你可以使用ng-repeat来遍历任何数组并填充这个列表。

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

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

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