Взаимодействие между компонентами Angular 8
У меня есть компонент1 в котором есть массив обьектов и таблица с ними, есть компонент2 в котором должна отображатся информация об обьекте при клике на элемент таблицы.
Из чего состоит проблема:
Как из компонента1 вызвать метод компонента2 в который передается обьект, из данных которого, инициилизируются переменные отвечающие за отображение инфы в компонент2 ?
Компонент2
export class ProductStatisticsComponent implements OnInit {
.....код....
name : string;
price : number;
count : number;
id : number;
initStatistic(model) {
this.name = model.name;
this.price = model.price;
this.count = model.count;
this.id = model.productId;
}
}
В разметке компонента2 выводится инфа в виде:
<label>{{name}}</label>
Метод Компонента1 вызываемый при клике на элемент таблицы куда передается сам обьект
public showStatistics(item) {
let info = {
name : item.name,
price: item.price,
count: item.count,
id: item.productId
}
initStatistic(info);
}
Я гуглил про @Injectable, про @Input, @Output, но либо я что-то неправильно делал, либо это не то, подскажите по этому примеру как следует поступить?