Здравствуйте!
Я хочу передать данные с одного компонента на другой.
HomeComponent`s template:
<app-products></app-products>
<app-wishlist></app-wishlist>
Разметка products.component.html:
<ul>
<li *ngFor="let item of data" (click)="handleClick($event, item)">{{ item.title }}</li>
</ul>
products.component.ts:
export class ProductsComponent implements OnInit {
public data = [
{title: 'lorem ipsum'},
{title: 'lorem ipsum'},
{title: 'lorem ipsum'},
{title: 'lorem ipsum'},
{title: 'lorem ipsum'},
];
constructor() { }
ngOnInit() {
}
handleClick(event: Event, data) {
event.preventDefault();
console.log(data);
}
}
Как вы можете увидеть, по клику на каждый элемент списка, я могу получить его в products.component.ts.
Вопрос в том, как мне передать с products.component.ts на wishlist.component.ts ?
Как грамотно это реализовать?
Дайте развернутый ответ, пожалуйста. Буду очень признателен! 
