离子存储和变量

时间:2017-09-11 14:20:59

标签: typescript ionic-framework ionic-native

我是Ionic平台的第一次学生,显然我在第一次申请时遇到了一些麻烦。我想在一个按钮中有一个简单的计数器:当点击这个按钮时,计数器递增1.然后我使用存储保存该值,并使用" storage.get&#34在另一个页面中检索相同的值。 ;

这是代码:

constructor(public storage:Storage, public platform: Platform){
  this.storage = storage;
  }

  ionViewDidLoad() {
    console.log("I'm alive!");
    this.counter = this.storage.get("Count").then((data)=>{
        console.log(data);
    });
  }

  public counter = 0;

  count(){
      this.counter+=1;
      this.storage.set("Count",this.counter);
  }

当我重新打开应用程序时,我尝试使用存储的值继续增加计数器,但它从0开始重新启动:如何使用存储的值增加计数器的变量?

感谢您的支持!

1 个答案:

答案 0 :(得分:0)

您正在将this.counter设置为promise电话。

请改为:

this.storage.get("Count").then((data)=>{
   this.counter = data;
});

此外,一旦在构造函数中声明注入public,就不需要在构造函数中再次设置它。它将自动与类的实例一起使用。基本上,你不需要这个。

this.storage = storage;