如何从HTML中的不同TS页面获取变量？

Question

我正在使用ionic2，我有两个HTML页面（page1.html和page2.html） 如何从page1.ts获取变量并在page2.html中显示？

Answer 1

如果您使用ionic g page创建page1.html和page2.html文件，那么您应该将.ts文件与每个html相关联。您可以在该打样文件中存储变量。并使用Ionic的NavParams在页面之间传递这些变量。

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

Answer 2

使用提供商。以下代码分享用户名 -

<强> global.provider.ts

#text

<强> Page1.ts

#text

<强> Page2.ts

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

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

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