可以通过以下方式来实现:
import { Injectable } from '@angular/core';
@Injectable()
export class GlobalSettingsService {
private globalSetting: any;
constructor() {
this.globalSetting = {
// 全局设置的默认值
};
}
setSetting(setting: any) {
this.globalSetting = setting;
}
getSetting() {
return this.globalSetting;
}
}
在需要使用全局设置的组件中,可以通过依赖注入的方式引入该服务,并调用相应的方法来访问和修改全局设置。
// 设置全局设置
localStorage.setItem('globalSetting', JSON.stringify(setting));
// 获取全局设置
const setting = JSON.parse(localStorage.getItem('globalSetting'));
需要注意的是,使用本地存储保存的数据在浏览器关闭后会被清除,需要在应用初始化时从本地存储中恢复数据。
总之,以上两种方式都可以在Angular 4中保存全局设置的位置,选择哪种方式取决于实际需求和场景。
领取专属 10元无门槛券
手把手带您无忧上云