Tüm uygulamada birden çok hizmetin açısal 2'deki verileri nasıl kaydederim?

Question

Başlamak için çalışıyorum: Temelde bir dizi hizmetten (örneğin, günlük girişlerinin bir listesini içeren bir "günlük" hizmetinden veri kaydedebilmek istediğim bir uygulama var; temaların ve/veya stil ayarlarının bir listesini içeren bir "temalar" hizmeti; vb.). Sadelik için, bu verileri kaydetmek için localStorage kullanıyorum. Bu nedenle, üyelerin beklediği gibi anahtar/değer çiftlerini kaydetme ve yükleme için tanımlayan genel bir "LocalStorage" hizmetim var.

Sorum şu: Bir üst düzey tasarım açısından bakıldığında , nasıl tasarruf ve (a ayarları sayfasında yani "Kaydet/Yükle" düğmesini) tek bir kontrol noktasından benim uygulama verilerini yükleme yaklaşımı olmalıdır. İdeal olarak, uygulama servislerimi, her biri, bu hizmette uygulanacak bir "Veri Kaydet" ve "Veri Yükle" yöntemini gerektiren ortak bir "yerel depolama" arabirimini uygulayacak şekilde uygulayabilmek isterim. Mücadele ettiğim bölüm, bu "yerel depolama" arayüzünü uygulayabilecek ve "kaydetme/yükleme" yöntemlerinin tümünü bir kerede çağırabilecek tüm servisler arasında nasıl yineleyebileceğidir. Bu konuda, bunun doğru bir yaklaşım olup olmadığından emin değilim.

Angular 2'ye hala çok yeni yaşıyorum, bu yüzden herhangi biri bu tür bir probleme ışık tutabilirse ve mantıklı bir çözüm önerebilirse, bu çok takdir edilecektir. Teşekkürler!

Answer 1

Hatta LocalStorageService olabilir global servis (kullanırsınız ama daha UI özgü bir daha uygun olacağını tahmin Ben bir örnek olarak GlobalUserActions kullanın:.

@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}) 
]);