首页 > 解决方案 > 在另一页中使用变量 - Ionic

问题描述

我有以下结构:

结构

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

app.component.ts

应用程序路由.module.ts

那可能吗?

标签: ionic-frameworkionic4

解决方案


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

离子生成提供者 provider_name

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

public test:string = "";

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

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

现在,您可以通过 provider 使用该公共变量:

alert(this.testPvdr.test);

推荐阅读