Ionic framework 使用一页中另一页中的变量-Ionic
我的结构如下: 在app.component.ts中,我有一个变量“valor”,我想在app-routing.module.ts中使用该变量 这可能吗?您可以使用将数据从一页传输到另一页。您可以使用将数据从一页传输到另一页。正如Sid T所指出的,您可以使用导航参数。例如,您可以这样导航: 应用程序组件.tsIonic 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 });
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。还不清楚您的答案在这个特定用例中有何帮助,因为实际上没有“页面”。