Найкраще, що я знайшов для цього в Інтернеті, це ngx-navigation-with-data . Це дуже просто і добре для навігації даних з одного компонента в інший компонент. Вам потрібно просто імпортувати клас компонентів і використовувати його дуже просто. Припустимо, у вас є домашній і про компонент і хочете потім надіслати дані
ДОМАШНИЙ КОМПОНЕНТ
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"});
}
}
ПРО КОМПОНЕНТ
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() {
}
}
Для будь-якого запиту читайте https://www.npmjs.com/package/ngx-navigation-with-data
Прокоментуйте допомогу.