Skip to main content
cuerpo editado
Origen Enlace

NOTA: La llave puede ser la que tu quieras, perosolo debe ser la misma para el componente que se suscribe y el componente que emite. Pero, pero debe ser diferente para registrar otro BehaviorSubject.

NOTA: La llave puede ser la que tu quieras, pero debe ser la misma para el componente que se suscribe y el componente que emite. Pero debe ser diferente para registrar otro BehaviorSubject.

NOTA: La llave puede ser la que tu quieras, solo debe ser la misma para el componente que se suscribe y el componente que emite, pero debe ser diferente para registrar otro BehaviorSubject.

Corrección de código
Origen Enlace
import { Injectable } from "@angular/core";
import { BehaviorSubject, Observable, of } from "rxjs";

@Injectable({ providedIn: "root" })
export class EventService {
  private _subjects: Map<string, BehaviorSubject<any>> = new Map();

  getSubject<K>(key: string): Observable<K> {
    this._validateSubject(key);
    return this._subjects.get(key).asObservable();
  }

  emitEvent<K>(key: string, event: K) {
    this._validateSubject(key);
    this._subjects.get(key).next(event);
  }

  private _validateSubject(key: string) {
    if (!this._subjects.has(key)) {
      this._subjects.set(key, new BehaviorSubject(null));
    }
    this._subjects.get(key).next(event);
  }
}
import { Injectable } from "@angular/core";
import { BehaviorSubject, Observable } from "rxjs";

@Injectable({ providedIn: "root" })
export class EventService {
  private _subjects: Map<string, BehaviorSubject<any>> = new Map();

  getSubject<K>(key: string): Observable<K> {
    return this._subjects.get(key).asObservable();
  }

  emitEvent<K>(key: string, event: K) {
    if (!this._subjects.has(key)) {
      this._subjects.set(key, new BehaviorSubject(null));
    }
    this._subjects.get(key).next(event);
  }
}
import { Injectable } from "@angular/core";
import { BehaviorSubject, Observable, of } from "rxjs";

@Injectable({ providedIn: "root" })
export class EventService {
  private _subjects: Map<string, BehaviorSubject<any>> = new Map();

  getSubject<K>(key: string): Observable<K> {
    this._validateSubject(key);
    return this._subjects.get(key).asObservable();
  }

  emitEvent<K>(key: string, event: K) {
    this._validateSubject(key);
    this._subjects.get(key).next(event);
  }

  private _validateSubject(key: string) {
    if (!this._subjects.has(key)) {
      this._subjects.set(key, new BehaviorSubject(null));
    }
  }
}
Actualización de respuesta
Origen Enlace

EDIT

Para múltiples eventos en un mismo servicio es necesario crear un Map para registrar distintos BehaviorSubject. El servicio quedaría modificado de la siguiente manera.

import { Injectable } from "@angular/core";
import { BehaviorSubject, Observable } from "rxjs";

@Injectable({ providedIn: "root" })
export class EventService {
  private _subjects: Map<string, BehaviorSubject<any>> = new Map();

  getSubject<K>(key: string): Observable<K> {
    return this._subjects.get(key).asObservable();
  }

  emitEvent<K>(key: string, event: K) {
    if (!this._subjects.has(key)) {
      this._subjects.set(key, new BehaviorSubject(null));
    }
    this._subjects.get(key).next(event);
  }
}

Ahora podrás registrar distintos subjects con el mismo servicio utilizando una Llave (key) para diferenciarlos. En la solución anterior la modificación se vería afectada de la siguiente manera:

/**Componente padre**/
subjectSubscriber: Subscription;
key: string = "[Procedimientos]";
        
constructor(private _eventService: EventService) {
    this.subjectSubscriber = this._eventService.getSubject<Procedimiento[]>(key).subscribe(
        (event: Procedimiento[]) => {
            this.procReceived = event;
        }
    );
}
        
ngOnDestroy() {
    this.subjectSubscriber.unsubscribe();
}

/**Componente Hijo**/
key: string = "[Procedimientos]";
constructor(private _eventService: EventService) {}
       
addProc() {
   this.arrayProcedimientos.push(procedimiento);
   this.clear();
   this._eventService.emitEvent(key, this.arrayProcedimientos);
}

NOTA: La llave puede ser la que tu quieras, pero debe ser la misma para el componente que se suscribe y el componente que emite. Pero debe ser diferente para registrar otro BehaviorSubject.

EDIT

Para múltiples eventos en un mismo servicio es necesario crear un Map para registrar distintos BehaviorSubject. El servicio quedaría modificado de la siguiente manera.

import { Injectable } from "@angular/core";
import { BehaviorSubject, Observable } from "rxjs";

@Injectable({ providedIn: "root" })
export class EventService {
  private _subjects: Map<string, BehaviorSubject<any>> = new Map();

  getSubject<K>(key: string): Observable<K> {
    return this._subjects.get(key).asObservable();
  }

  emitEvent<K>(key: string, event: K) {
    if (!this._subjects.has(key)) {
      this._subjects.set(key, new BehaviorSubject(null));
    }
    this._subjects.get(key).next(event);
  }
}

Ahora podrás registrar distintos subjects con el mismo servicio utilizando una Llave (key) para diferenciarlos. En la solución anterior la modificación se vería afectada de la siguiente manera:

/**Componente padre**/
subjectSubscriber: Subscription;
key: string = "[Procedimientos]";
        
constructor(private _eventService: EventService) {
    this.subjectSubscriber = this._eventService.getSubject<Procedimiento[]>(key).subscribe(
        (event: Procedimiento[]) => {
            this.procReceived = event;
        }
    );
}
        
ngOnDestroy() {
    this.subjectSubscriber.unsubscribe();
}

/**Componente Hijo**/
key: string = "[Procedimientos]";
constructor(private _eventService: EventService) {}
       
addProc() {
   this.arrayProcedimientos.push(procedimiento);
   this.clear();
   this._eventService.emitEvent(key, this.arrayProcedimientos);
}

NOTA: La llave puede ser la que tu quieras, pero debe ser la misma para el componente que se suscribe y el componente que emite. Pero debe ser diferente para registrar otro BehaviorSubject.

se eliminaron 8 caracteres en el cuerpo
Origen Enlace
Loading
Origen Enlace
Loading