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

问题描述：

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

这里我HTML代码

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

在我应用

/app.module.js：

我这行

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

在我页/ signup.ts

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

但我怎样才能更多地编码或导入一些storage来存储我的值（设置值），并在另一个屏幕secondscreen.ts，我怎样才能得到本地存储的值。

答

拳需要导入它在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方法你” d需要保存

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); 
    }); 
}

您可以找到Storage docs的更多信息。

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

相关推荐