2017-05-19 16 views
0

私はIonicを初めて使い、グローバル変数を動的に設定し、それをアプリケーションの残りの部分に持たせる方法があるのだろうかと思っていました。Ionic 2 typescript/angular2 setグローバル変数

私はホームページに電話番号を尋ねて、その身元を確認するアプリを持っています。確認されたら、私はアプリケーションの残りの部分を保存/覚えておく必要があります。

パラメータとして渡すのではなく、私ができることはありますか?

答えて

1

あなたは電話番号を保存するためにlocalStorageを使用することができます:あなたはサービスであなたの状態を管理する必要があります

$window.localStorage.setItem("phoneNumber",phoneNumber); 
$window.localStorage.getItem("phoneNumber"); 
1

(イオンは彼らにプロバイダを呼び出して、「イオン性プロバイダを生成する」との1を生成します)。

公式チュートリアル「Tour of Heroes」ではこれを扱っています。該当するセクションはhttps://angular.io/docs/ts/latest/tutorial/toh-pt4.htmlです。

基本的にサービスを作成:

@Injectable() 
export class MyService{ 
    public phoneNumber; 
} 

をし、このようなすべてのコンポーネントからそれを使用します。

export class MyComponent{ 
    constructor(private myService: MyService){} 

    setPhone(number: number){ 
    if(validateNumber(number)){ 
     this.myService.phoneNumber = number; 
    } 
    } 
}