angularjs – 如何在整个应用程序中以角度2保存来自多个服务的数
发布时间:2020-12-17 17:34:59 所属栏目:安全 来源:网络整理
导读:这是我想要实现的目标: 我有一个应用程序,我基本上希望能够从许多服务中保存数据(例如,包含日志条目列表的“记录器”服务;包含主题列表和/或“主题”服务样式设置;等…).为简单起见,我使用localStorage来保存这些数据.因此,我有一个通用的“LocalStorage”
这是我想要实现的目标:
我有一个应用程序,我基本上希望能够从许多服务中保存数据(例如,包含日志条目列表的“记录器”服务;包含主题列表和/或“主题”服务样式设置;等…).为简单起见,我使用localStorage来保存这些数据.因此,我有一个通用的“LocalStorage”服务,它定义了用于保存和加载键/值对的成员. 我的问题是: 我仍然是Angular 2的新手,所以如果有人能够解决这类问题,并建议一个明智的解决方案,我将不胜感激.谢谢! 解决方法
我会使用全局服务(甚至可能是LocalStorageService,但我想更具特色的UI更合适.我使用GlobalUserActions作为示例:
@Injectable() export class GlobalUserActions { // Subject would be better but I don't know TS/RxJS well enough // EventEmitter should only be used for @Output() saveAll:EventEmitter = new EventEmitter(); doSaveAll() { saveAll.emit(null); // or any information that might be useful to components } } @Component({ selector: 'any-com',... }) export class AnyComponent { constructor( private globalUserActions: GlobalUserActions,private persistenceService: PersistenceService) { this.globalUserActions.saveAll.subscribe(save); } save(value) { this.persistenceService.save(...); } } bootstrap(AppComponent,[ ...,LocalStorageService,// use a generic `PersistenceService` but provide a concrete // `LocalStorageService` provide(PersistenceService,{useExisting: LocalStorageService}) ]); (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |