Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angularjs – 如何在整个应用程序中以角度2保存来自多个服务的数据?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
这是我想要实现的目标:
我有一个应用程序,我基本上希望能够从许多服务中保存数据(例如,包含日志条目列表的“记录器”服务;包含主题列表和/或“主题”服务样式设置;等…).为简单起见,我使用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})
]);

大佬总结

以上是大佬教程为你收集整理的angularjs – 如何在整个应用程序中以角度2保存来自多个服务的数据?全部内容,希望文章能够帮你解决angularjs – 如何在整个应用程序中以角度2保存来自多个服务的数据?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。