如何解决循环本地存储并显示离子应用程序中所有键和值的完整列表
我在localStorage中保存了多个键和值,如下所示:
Day1 1
Day2 2
Day3 3
我想检索所有键和值并将它们显示在列表视图中。
我的home.html如下所示:
<ion-item-divider >
<ion-label >{{key}} </ion-label>
<ion-label color="secondary">{{value}}</ion-label>
</ion-item-divider>
我的home.ts如下所示:
for (var i = 0,len = localStorage.length; i < len; i++) {
this.key = localStorage.key(i);
console.log(this.key);
this.value = localStorage.getItem(localStorage.key(i));
console.log(this.value);
}
我只能显示最后一条记录。请指出我做错了什么地方。
解决方法
您可以在* ngFor中使用键值管道。
CREATE OR REPLACE PACKAGE emp_designation AS
PROCEDURE emp_details
(
ps_design employee.designation%TYPE,ps_incentive NUMBER
);
END emp_designation;
/
CREATE OR REPLACE PACKAGE BODY emp_designation AS
PROCEDURE emp_details
(
ps_design employee.designation%TYPE,ps_incentive NUMBER
)
IS
BEGIN
UPDATE employee SET employee.salary = employee.salary + ps_incentive
WHERE designation = ps_design;
dbms_output.put_line(SQL%ROWCOUNT || ' employee(s) are updated');
END emp_details;
END;
/
在您的TS文件中:
<ion-item-divider *ngFor="let item of mainObject|keyvalue">
<ion-label>{{item.key}} </ion-label>
<ion-label color="secondary">{{item.value}}</ion-label>
</ion-item-divider>
Angular文档:https://angular.io/api/common/KeyValuePipe#description
,我可以使用关注查询来解决问题。
home.ts如下:
allObj: any[] = [];
for ( var i = 0,len = localStorage.length; i < len; ++i ) {
this.result1 = localStorage.key( i );
this.result2 = localStorage.getItem( localStorage.key( i ) );
this.result3 = this.result1 + " " + this.result2;
var y = this.result3;
console.log(y);
this.allObj.push(this.result3);
}
home.html如下:
<ion-item no-lines text-wrap *ngFor="let item of allObj" >
<p>{{item}}</p>
</ion-item>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。