Tem duas formas principais de compartilhar um estado entre dois componentes que não tem relação de pai/filho. A primeira seria com behavior subject com um service injetado nos dois componentes outra forma seria por um gerenciador de estado como o ngrx que segue o padrão redux.
Exemplo com behavior subject:
data.service.ts
import { Injectable } from '@angular/core';
import { BehaviorSubject } from 'rxjs/BehaviorSubject';
import { Data } from '../entities/data';
@Injectable()
export class DataService {
private dataSource = new BehaviorSubject<SnapshotSelection>(new Data());
data = this.dataSource.asObservable();
constructor() { }
updatedDataSelection(data: Data){
this.dataSource.next(data);
}
}
Seu Componente
constructor(private dataService: DataService) { }
dataService.data.subscribe(data => {
// use os dados aqui
})
dataService.updateData(newData);// para atualizar os dados
Fonte: https://medium.com/@weswhite/angular-behaviorsubject-service-60485ef064fc