如何解决读取单个阵列并在离子应用程序中显示为列表
在Ionic应用程序中,我有一个如下数组。
下面是来自console.log(this.itemlist);
0: Array(4)
0: "Item1"
1: "Item2"
2: "Item3"
3: "Item4"
length: 4
问题是我无法在离子应用程序的列表视图中将单个记录显示为单个项目。
我的item.html如下所示:
<ion-item no-lines text-wrap class="item" *ngFor="let item of itemlist" >
<p>{{item}}</p>
</ion-item>
我的item.ts如下所示:
if(localStorage.length > 0){
var localStorageArray = new Array();
for (i=0;i<localStorage.length;++i){
localStorageArray[i] = localStorage.key(i)+localStorage.getItem(localStorage.key(i));
}
var sortedArray = localStorageArray.sort();
}
this.itemlist.push(sortedArray);
console.log(this.itemlist);
解决方法
您this.itemlist
的结构错误。.将您的* ngFor更改为此*ngFor="let item of itemlist[0]"
当您将值推入数组时,它将作为新项插入到数组中。根据您的情况,整个sortedArray
将成为itemlist
中的第0个元素
另一种解决方案是将您的数组散布在itemlist中,而不是像这样使用.push
this.itemlist = [...sortedArray]
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。