离子2如何设置和获取价值本地存储

Question

我有2个屏幕。每个屏幕都有一个输入字段。在最后一个屏幕上，我需要在最后一个屏幕上获取所有输入屏幕的输入值。为此，当我按下下一个按钮时，我需要在本地存储每个屏幕值。但是在离子2中我该怎么做？

这是我的 html代码

<ion-input [(ngModel)]="SignUpData.username" name="username" type="text"  #username="ngModel" required>
</ion-input>

在我的 app/app.module.js 中：

我有这条线

import { IonicStorageModule } from '@ionic/storage';
IonicStorageModule.forRoot()

以及在我的 page/imb.ts

中

SignUpData = { username:''};
nextbtn() {
console.log(this.SignUpData.username);  // i am getting correct value
}

但是我如何编码或导入一些storage来存储我的值(设置值(，在另一个屏幕secondscreen.ts中，我如何获得本地存储的值。

Answer 1

拳头您需要在app.module.ts文件中导入它：

import { IonicStorageModule } from '@ionic/storage';
// ...    
@NgModule({
  declarations: [
    // ...
  ],
  imports: [
    IonicModule.forRoot(MyApp),
    IonicStorageModule.forRoot()
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    // ...
  ],
  providers: []
})
export class AppModule {}

然后将其注入您的任何组件或页面：

import { Storage } from '@ionic/storage';
export class MyApp {
  constructor(private storage: Storage) {
     // set a key/value
     this.storage.set('name', 'Max');
     // Or to get a key/value pair
     storage.get('age').then((val) => {
       console.log('Your age is', val);
     });
  }
}

因此，在 nextbtn 方法中，您需要保存它

nextbtn() {
  console.log(this.SignUpData.username);
  this.storage.set('username', this.SignUpData.username);
}

，在下一页中，您可以像这样再次获得该值

readUsername() {
  // Notice that the get method returns a promise!
  storage.get('username').then((username) => {
    console.log(username);
  });
}

您可以在存储文档中找到更多信息。