Tengo un problema con el comportamientoSujetos en angular
describamos un problema con códigos de muestra
tengo un servicio asi
export class DataService { private _data$ = new BehaviorSubject<any[]>([]); public get data() { return this._data$.asObservable(); } getDataFromServer() { this.http.get(...).subscribe((res) => { this._data$.next(res) }) } }y también tenía dos componentes como este
export class componentA { data : any[] = [] constructor(private dataService:DataService) {} ngOnInit() { this.dataService.data.subscribe((res) => { this.data = res }) } } export class componentB { data :any[] = [] constructor(private dataService:DataService) {} ngOnInit() { this.dataService.data.subscribe((res) => { this.data = res }) } }y mostrar la matriz de datos en la plantilla en ambos componentes, mi problema es cuando cambio los datos del sujeto de comportamiento del componente B, los datos cambiaron en el componente A y quiero que tengan una instancia diferente de sujeto de comportamiento
Creo que lo que quieres lograr no está relacionado con BehaviourSubject .
Lo que podría hacer es provide su servicio en cada componente de esta manera:
Componente A:
@Component({ selector: '...', templateUrl: '...', styleUrl: ['...'], providers: ['MyService'] }) export class ComponentAComponenteB
@Component({ selector: '...', templateUrl: '...', styleUrl: ['...'], providers: ['MyService'] }) export class ComponentBCada componente tiene una instancia diferente de su servicio, si el componente B realiza algunos cambios en el servicio, el componente A no estará al tanto de esos cambios, y al revés también, B no está al tanto de los cambios realizados por A.
Idealmente, le gustaría tener la misma instancia de su servicio disponible en toda su aplicación, pero esta forma también es válida.
Los servicios declarados en el módulo se comparten entre todos los componentes del módulo. Si desea instancias privadas del servicio, debe declararlo como proveedor del componente en sí.
Algo como:
@Component({ selector: 'app-a', templateUrl: './a.component.html', providers: [ DataService ] })