我如何将变量从app.component.ts返回到另一个主页ts ionic 3

Question

我在app.componts.ts中有一个函数，我想将值返回到home.ts

如何在离子3中做到这一点

我尝试过events API

并尝试了this

所以我如何将变量从app.component.ts返回到另一个主页ionic 3

Answer 1

您可以在组件中定义一个@Input（），并在引发事件时将值传递给输入。 Here是完整的示例

Answer 2

创建SharedProvider，以将全局变量保存在整个应用程序中。

sharedProvider.ts

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

@Injectable()
export class SharedProvider {
   x:string = '';
}

app.component.ts

export class MyApp {

    constructor(private sharedProvider:SharedProvider) {
        this.sharedProvider.x = 'someValue';
    }
}

homePage.ts

 export class HomePage {

    constructor(private sharedProvider:SharedProvider) {
        console.log('x value: ', this.sharedProvider.x);
    }
}