Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ionic framework 使用一页中另一页中的变量-Ionic_Ionic Framework_Ionic4 - Fatal编程技术网

Ionic framework 使用一页中另一页中的变量-Ionic

Ionic framework 使用一页中另一页中的变量-Ionic,ionic-framework,ionic4,Ionic Framework,Ionic4,我的结构如下: 在app.component.ts中,我有一个变量“valor”,我想在app-routing.module.ts中使用该变量 这可能吗?您可以使用将数据从一页传输到另一页。您可以使用将数据从一页传输到另一页。正如Sid T所指出的,您可以使用导航参数。例如,您可以这样导航: 应用程序组件.ts goToThisPage(variable) { this.navCtrl.push(TargetPage, { param: variable });

我的结构如下:

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

这可能吗?

您可以使用将数据从一页传输到另一页。

您可以使用将数据从一页传输到另一页。

正如Sid T所指出的,您可以使用导航参数。例如,您可以这样导航:

应用程序组件.ts

goToThisPage(variable) {
    this.navCtrl.push(TargetPage, {
      param: variable
    });
}
this.xyz = this.navParams.get('param');
并将检索如下所示的变量:

应用程序路由.module.ts

goToThisPage(variable) {
    this.navCtrl.push(TargetPage, {
      param: variable
    });
}
this.xyz = this.navParams.get('param');
正如sidt所指出的,您可以使用导航参数。例如,您可以这样导航:

应用程序组件.ts

goToThisPage(variable) {
    this.navCtrl.push(TargetPage, {
      param: variable
    });
}
this.xyz = this.navParams.get('param');
并将检索如下所示的变量:

应用程序路由.module.ts

goToThisPage(variable) {
    this.navCtrl.push(TargetPage, {
      param: variable
    });
}
this.xyz = this.navParams.get('param');

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

ionic生成提供程序\u名称

并在此提供程序中将该公共变量声明为公共变量,如下所示:

public test:string = "";
现在,导入此提供程序并将其插入到要使用该公共变量的任何页面中,如下所示:

import {provider_name} from '../..';
constructor(private testPvdr:TestProvider) {}
现在,您可以仅通过提供程序使用该公共变量:

alert(this.testPvdr.test);

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

ionic生成提供程序\u名称

并在此提供程序中将该公共变量声明为公共变量,如下所示:

public test:string = "";
现在,导入此提供程序并将其插入到要使用该公共变量的任何页面中,如下所示:

import {provider_name} from '../..';
constructor(private testPvdr:TestProvider) {}
现在,您可以仅通过提供程序使用该公共变量:

alert(this.testPvdr.test);

这个问题与Ionic 4有关,我想最好利用其他东西,而不是现在只支持非惰性组件的NavController。还不清楚您的答案在这个特定的用例中有什么帮助,因为实际上没有“页面”。这个问题与Ionic 4有关,我想最好利用其他东西,而不是现在只支持非惰性组件的NavController。还不清楚您的答案在这个特定用例中有何帮助,因为实际上没有“页面”。