Vitaliy

<div *ngFor="let car of carsArray; let showMore">
    <div>
        <!--тут какая-либо информация о машине-->
    </div>
    <div>
        <button class="btn more-info-btn" (click)=showMore = !showMore>Подробнее</button>
    </div>
    <div *ngIf="needMore" class="additional-info">
        <!--тут доп. информация показывается при нажатии на кнопку-->
    </div>
</div>

Поместить логику работы в сервис и инжектить его в компоненты через встроенный механизм DI

На уровне app-a в providers записать сервис, который будет принимать данные для дальнейшего распространения, в этом же компоненте записать данные из @Input в сервис.
В app-b внедрить созданный сервис и забрать из него данные

async getSome() {
   const data = await this.http.get('/some').toPromise();
   
    console.log(data)
    
    return data;
}

async second() {
    if (this.isEmpty(this.AllMaterial)) {
      this.AllMaterial = await this.getSome()
    }
    console.log(this.AllMaterial)
}

Через сервис.

1. В родительском компоненте или в модуле прописать его в providers.
2. Заинжектить в каждый из компонентов.
3. В сервисе, зависимо от того, как wishlist должен получать данные
а. через RxJS объявить Subject и подписаться на него в wishlist
б. в wishlist брать данные из сервиса напрямую (обращаться к конкретному свойству или методу)

Видимо это дает возможность при статической типизации понимать, что работая с любой карточкой на Dashboard можно получить у нее следующие свойства
А в общем для соблюдения ООП

В 5.2 это еще не было исправлено. https://github.com/angular/angular/pull/20712

Решение: вручную через ViewChild получить директиву и деактивировать outlet при смене роута
@ViewChild(RouterOutlet) outlet: RouterOutlet;

Пробую Angular Light. Пока только положительные впечатления как от удобства, так и от скорости)

ip2location.com