Как я могу передать значение из одного компонента из другого компонента в Angular8 (Независимые компоненты)

Question

Я хочу сбросить значение переменной другого компонента. 2 компонента являются независимыми. Я хочу сбросить значение конкретной переменной. После обновления значения необходимо обновить sh пользовательский интерфейс этого компонента для отражения изменений.

Ожидается что-то вроде Broadcast / Emit и On в AngularJS

Можно ли что-то сделать с Rx JS? Если да, поделитесь со мной полезными ссылками.

Answer 1

вы можете использовать Сервис для совместного использования EventEmitter: https://angular.io/api/core/EventEmitter

@Injectable()
export class YourSharedService {
  private _event = new EventEmitter<any>();

  get event(): EventEmitter<any> {
    return this._event;
  }
}

Затем просто выделите в первом компоненте:

this.yourService.event.emit();

И подпишитесь в другом:

    this.yourService.event.subscribe(() =>  {});

Полезно, только если ваши компоненты действительно независимы.