Трансляция события в Angular 6 / Typescript

У меня такая структура:

<app>
  <test-a></test-a>
  <test-b></test-b>
</app>

@Component({
    selector: 'app',
    templateUrl: './app.component.html',
})
export class AppComponent {
}    

@Component({
    selector: 'test-a',
    templateUrl: './testa.component.html',
})
export class TestAComponent {
}

@Component({
    selector: 'test-b',
    templateUrl: './testb.component.html',
})
export class TestBComponent {
}

Test B содержит выбираемые элементы. Когда один из них выбран, я хотел бы сообщить тесту A, что этот элемент был выбран ...

Я думаю, что есть 2 варианта, которые, как я знаю, могут достичь этого.

• Используйте App для сохранения выбранного элемента. Измените этот выбранный элемент в Test B, а затем позвольте Test A реагировать ... но он создает уродливая тугая связь между компонентами Test A и Test B ... и родительским компонентом App. Мне не нравится эта идея.
• Чтобы создать своего рода службу «подписчик событий», которая хранит массив различных Observable, на которые можно подписаться. Моя текущая реализация здесь (не закончена):

// Модель, необходимая для моего собственного класса

export class KeyValuePair<T>
{
    public key: string;
    public value: T;

    construct(key: string, value: T) {
        this.key = key;
        this.value = value;
    }
}

// Как может выглядеть моя реализация (wip)

import { Observable, of } from "rxjs";
import { KeyValuePair } from "../models/keyvaluepair";
import { Injectable } from "@angular/core";

@Injectable({
    providedIn: 'root',
})
export class EventService<T>
{
    protected subscriptions: KeyValuePair<Observable<T>>[];

    public Broadcast(key: string, value: any)
    {
        var observable = new Observable<T>();
        observable.subscribe((a) =>
        {
            return of(value);
        });

        this.subscriptions.push(
            new KeyValuePair<Observable<T>>(
                key, 
                observable
            )
        );
    }

    public Subscribe(key: string): Observable<T>
    {
        var observable = this.subscriptions.find((sub) => {
            return sub.key == key;
        });

        return observable.value;
    }
}

// Как вы можете создать событие

this.testEventService.Broadcast("itemSelected", item);

// Как это можно использовать

this.testEventService.Subscribe("itemSelected").subscribe((item) => {
    this.changeItem(item);
});

Однако, конечно, мне не стоило писать это ...? В angularjs и jquery были вещи типа $ broadcast и $ on, которые сделали жизнь такой простой ... что мне здесь не хватает? Есть ли более простой способ в angular 6 и машинописном тексте?

Редактировать:

Я сделал сервис, которым могут пользоваться люди, скажите, отстойно ли это: https://jsfiddle.net/jimmyt1988/oy7ud8L3/