O melhor que encontrei na internet para isso é o ngx-navigation-with-data . É muito simples e bom para navegar nos dados de um componente para outro. Você precisa apenas importar a classe de componente e usá-la de maneira muito simples. Suponha que você tenha um componente residencial e sobre o qual deseja enviar dados.
COMPONENTE EM CASA
import { Component, OnInit } from '@angular/core';
import { NgxNavigationWithDataComponent } from 'ngx-navigation-with-data';
@Component({
selector: 'app-home',
templateUrl: './home.component.html',
styleUrls: ['./home.component.css']
})
export class HomeComponent implements OnInit {
constructor(public navCtrl: NgxNavigationWithDataComponent) { }
ngOnInit() {
}
navigateToABout() {
this.navCtrl.navigate('about', {name:"virendta"});
}
}
SOBRE O COMPONENTE
import { Component, OnInit } from '@angular/core';
import { NgxNavigationWithDataComponent } from 'ngx-navigation-with-data';
@Component({
selector: 'app-about',
templateUrl: './about.component.html',
styleUrls: ['./about.component.css']
})
export class AboutComponent implements OnInit {
constructor(public navCtrl: NgxNavigationWithDataComponent) {
console.log(this.navCtrl.get('name')); // it will console Virendra
console.log(this.navCtrl.data); // it will console whole data object here
}
ngOnInit() {
}
}
Para qualquer consulta, siga https://www.npmjs.com/package/ngx-navigation-with-data
Comente para obter ajuda.