在另一页中使用变量-Ionic

Question

我具有以下结构：

Structure

在app.component.ts中，我有一个变量“ valor”，我想在app-routing.module.ts中使用该变量

app.component.ts

app-routing.module.ts

有可能吗？

Answer 1

正如 Sid T 指出的那样，您可以使用Nav Parameters。例如，您将像这样导航：

app.component.ts

goToThisPage(variable) {
    this.navCtrl.push(TargetPage, {
      param: variable
    });
}

并会像这样检索变量：

app-routing.module.ts

this.xyz = this.navParams.get('param');

Answer 2

在任何页面中使用公共变量的最佳方法是使用提供程序。 首先使用以下命令在您的项目中生成提供程序：

  

ionic生成提供程序provider_name

并在此提供程序中将该公共变量声明为public，例如：

public test:string = "";

现在，如下所示，在要使用该公共变量的任何页面中导入并注入此提供程序：

import {provider_name} from '../..';
constructor(private testPvdr:TestProvider) {}

现在，您可以仅通过provider使用该公共变量：

alert(this.testPvdr.test);

Answer 3

您可以使用Nav Params将数据从一页转移到另一页。