在 Angular 中声明和更改全局变量?

时间:2021-02-03 13:38:14

标签: javascript angular typescript asp.net-core .net-core

我开发了一个基于 .NET Core 的 Angular 应用程序,我想通过使用 DropdownList 为国家/地区创建一个全局变量,以便可以轻松更改全局值。然后通过所有其他页面访问此全局值(选定的国家/地区)。通常我会使用下面的方法,但我真的不知道我应该如何修改下面的方法,以便用户可以随时设置全局过滤器值(选定的国家/地区)。

globals.ts:

export const version: string="22.2.2";

heroes.component.ts:

import * as myGlobals from 'globals';

export class HeroesComponent implements OnInit {
public heroes: Hero[];
public selectedHero: Hero;

// Here we access the global var reference
public helloString: string="hello " + myGlobals.version + " there";

     ...

    }
}

但是,我不知道如何使用这种方法设置这个全局值,或者有什么方法可以做到这一点。有什么合适的方法吗?

我是否应该向 globals.ts 添加一个下拉列表并在用户选择此下拉列表中的版本时更新 version

使用具有 BehaviourSubject 的服务是解决此问题的最佳选择吗?

1 个答案:

答案 0 :(得分:0)

您可以使用 html5 存储空间,最大允许 5mb

设置值:localStorage.setItem(keyname, value)

获取值:localStorage.getValue(keyname, value)

https://www.w3schools.com/jsref/met_storage_setitem.asp

相关问题