首页 > 解决方案 > 在 Angular 中声明和更改全局变量?

问题描述

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

globals.ts:

export const version: string="22.2.2";

hero.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 最佳选择的服务来解决此问题?

标签: javascriptangulartypescriptasp.net-core.net-core

解决方案


您可以使用 html5 存储,它最多允许 5mb

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

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

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


推荐阅读