이온이 2 - 전역 변수를 저장하는 방법?

Question

상황 : 내 app.component에서

로그인 기능이 있습니다. 그것은 제대로 작동하고 API에서 사용자 데이터를 얻을.

이 데이터를 앱 전체에 액세스하려면 전역 변수로 저장해야합니다.

나는 서비스를 공유하는 것이 그 일을하는 방법이라고 생각했지만, 불행히도 내가 생각한 것처럼 작동하지는 않는다.

강령 :

서비스 :

import { Injectable } from '@angular/core'; 

@Injectable() 
export class LoginService { 

    public accountInfo; 

    setUserData(value) 
    { 
    this.accountInfo = value; 
    } 

    getUserData() { 
    return this.accountInfo; 
    } 

} 

app.component :

loginSubmit() 
{ 
    // Function reduced to what is essential to the question 

    this.userService.submitLogin(email, password) 
     .subscribe((response) => { 

      if(response.result == 1) 
      { 
       this.loginService.setUserData(response.account_info); 

       var justTesting = this.loginService.getUserData(); 

       // Getting the proper result back 
       console.log(justTesting); 
      } 

     }, (error) => { 
      console.log(error); 
     }); 
} 

다른 구성 요소로부터 사용자 데이터에 액세스를 시도 :

을

this.accountInfo = this.loginService.getUserData(); 
console.log(this.accountInfo); 

결과는 undefined입니다. 아마 ... this.accountInfo합니다 (서비스)를 다시 인스턴스화하는 서비스가 다른 구성 요소에서 호출 될 때 때문에

질문 :

가 어떻게 전역 변수로 일부 데이터를 저장할 수 있습니까? 서비스를 공유하여 완료 할 수 있습니까?

감사합니다.

Answer 1

@ 매트의 대답은 제대로 작동하고이 문제에 대한 좋은 해결책을 제공합니다.

또한 내 코드에서 문제점이 발견되었습니다. 서비스는 싱글 톤이어야했습니다. 대신 구성 요소의 공급자에 서비스를 주입하고있었습니다.

서비스가 다시 인스턴스화되어 따라서 public accountInfo이 이전 콘텐츠를 잃어 버렸기 때문에 이것이 문제가되었습니다.

글로벌 변수를 저장하기 위해 서비스를 공유 할 수 있지만 싱글 톤이어야합니다. app.module에 한 번만 삽입해야합니다.TS : 페이지에서

providers: [ LoginService ] 

Answer 2

Ionic은 Storage 플러그인으로 전역 변수를 저장하는 방법을 제공합니다. (cordova-sqlite-storage). 저장소는 IndexedDB, WebSQL 및 localstorage을이 순서로 사용하려고 시도합니다.

먼저 공급자 목록에 추가하십시오.

구성 요소에 주입 한 후

import { Storage } from '@ionic/storage'; 

@NgModule({ 
    declarations: [ 
    // ... 
    ], 
    imports: [ 
    IonicModule.forRoot(MyApp) 
    ], 
    bootstrap: [IonicApp], 
    entryComponents: [ 
    // ... 
    ], 
    providers: [ 
    Storage 
    ] 
}) 
export class AppModule {} 

src/app.module.ts에서 그리고

import { Storage } from '@ionic/storage'; 

export class MyApp { 
    constructor(storage: Storage) { 

    // set a key/value 
    storage.set('name', 'Max'); 

    // Or to get a key/value pair 
    storage.get('name').then((val) => { 
     console.log('Your name is', val); 
    }) 
    } 
}