Ionic 2 Typescript / Angular2设置全局变量

Question

我是Ionic的新手，我想知道是否有一种方法可以动态设置全局变量，然后将其用于应用程序的其余部分。

我有一个应用程序，该应用程序在主页上要求用户提供电话号码，然后验证其身份。 验证后，我需要存储/记住/检索其余的应用程序。

有什么方法可以代替传递它作为参数吗？

Answer 1

您可以使用localStorage保存电话号码：

 $window.localStorage.setItem("phoneNumber",phoneNumber);
 $window.localStorage.getItem("phoneNumber");

Answer 2

您应该在服务中管理您的状态（ionic将其称为提供程序，并通过“ ionic generate provider”生成一个）。

官方教程“英雄之旅”涵盖了这一点。 您可以在以下网址找到相应的部分：https://angular.io/docs/ts/latest/tutorial/toh-pt4.html 。

基本上，您创建服务：

@Injectable()
export class MyService{
  public phoneNumber;
}

并从所有组件中使用它，如下所示：

export class MyComponent{
  constructor(private myService: MyService){}

  setPhone(number: number){
    if(validateNumber(number)){
      this.myService.phoneNumber = number;
    }
  }
}