どのようにHTMLの異なるTSページから変数を取得できますか？

Question

私はionic2で作業していますが、私は2つのHTMLページを持っています（page1.htmlとpage2.html） どうすればpage1.tsから変数を取得してpage2.htmlに表示できますか？

Answer 1

ionic g pageを使用してpage1.htmlとpage2.htmlファイルを作成した場合は、.tsファイルをすべてのhtmlに関連付ける必要があります。そのtypescriptファイルに変数を格納することができます。そして、これらの変数をIonicのNavParamsを使ってページ間で渡します。

https://ionicframework.com/docs/api/navigation/NavParams/

Answer 2

そのためのプロバイダを使用してください。ユーザーの名 -

global.provider.ts

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

@Injectable() 
export class GlobalProvider { 
    public userName: any; 

    setUserName(name: string) { 
     this.userName= name; 
    } 
} 

Page1.ts

import { GlobalProvider } from '../providers/global.provider'; 

@Component({ 
    templateUrl: 'page1.html' 
}) 
export class Page1Page{ 

    constructor(private _globalProvider : GlobalProvider) {} 
    this.globalProvider.setUserName('John'); 
} 

を共有するためのコードを、次のあなたが必要Page2.ts

import { GlobalProvider } from '../providers/global.provider'; 

@Component({ 
    templateUrl: 'page2.html' 
}) 
export class Page2Page{ 
    public user: any; 
    constructor(private _globalProvider : GlobalProvider) {} 
    this.user = this._globalProvider.userName; 
    console.log(this.user); // John 
}