¿Como puedo enviar datos de un componente a otro, cuando están en módulos diferentes en Angular 4?
Saludos comunidad, no e podido resolver mi siguiente problema, tengo una data que esta en un componente dentro de un modulo y quiero pasar esa información a otro componente que esta en otro modulo diferente. Yo se que con input y output puedo pasar datos entre componentes padres-hijos pero como puedo hacerlo si estan en diferentes modulos?
probe con esto pero no me a funcionado:
local.service:
import { Injectable } from '@angular/core';
import { Subject } from 'rxjs/Subject';
@Injectable()
export class LocalService{
private addItemToBasketSource = new Subject<string>();
addItemToBasket$ = this.addItemToBasketSource.asObservable();
addItemToBasket(item: any) {
this.addItemToBasketSource.next(item);
}
}
loginform.component (en este componente inserto el dato)
import { Component, OnInit } from '@angular/core';
import {LocalService} from '../../shared/services/local.service';
constructor( private localService : LocalService ) {}
onReturn(){
this.localService.addItemToBasket("RUFJSJS");
}
establecimientos.component (aqui quiero leer esos datos)
import { Component, OnInit } from '@angular/core';
import {Observable} from "rxjs";
import { Subscription } from 'rxjs/Subscription';
import { LocalService } from '../../shared/services/local.service';
export class EstablecimientosComponent implements OnInit {
subscription: Subscription;
public showCard:boolean = false;
numeroFormulario: Observable<string>;
public inscrito:Inscrito;
constructor(private localService : LocalService) {}
ngOnInit(){
this.subscription = this.localService.addItemToBasket$.subscribe(
response => {
console.log(response);
}
)
}
}