Передача данных из одного компонента в другой на angular?

Question

[Sashqa]

Собственно есть родительский компонент и есть дочерний.
В родительский приходят какие-то данные, которые я потом вывожу табличкой.
Мне нужно при клике на строку в дочерний компонент передавать id это записи

Вот я вывожу данные

<div class="flex-table">
    <div class="tbody">
    <div class="tr" *ngFor="let item of searchResult" (click)=select(item.IDObekta)>
        <div class="td">{{ item.StrahProdukt.NaimObekta }}</div>
        <div class="td">{{ item.Nomer }}</div>
        <div class="td">{{ item.DataPodpisaniya | date: 'dd-MM-yyyy' }}</div>
    </div>
    </div>
</div>

и подключаю дочерний компонент

<b2b-acquiring *ngIf="selectContract"></b2b-acquiring>

функция для отправки запроса

search(contract: any) {
    this.searching = true;
    return this.apollo.query({
        query: searchContractQuery,
        variables: {
            docnumber: contract.value.Nomer
        },
        fetchPolicy: 'network-only'
    }).subscribe(({ data }) => {
      this.searchResult = (data as any).contract.searchContract;
      this.searching = false;
    });
};

Подскажите как реализовать то, что нужно? При клике на определенную строку выводить в консоль id этой строки

Answer 1

[Дмитрий Еремин]

https://angular.io/api/core/Input

Comments

[Sashqa]

А как в компонент b2b-acquiring передать например item.IDObekta из селекта?

[Дмитрий Еремин]

Sashqa, ну вот у вас что в функции select(item.IDObekta)?

[Sashqa]

Дмитрий Еремин, пока ничего :) выводит в консоль id

[Дмитрий Еремин]

ну вот вы должны в дочернем комоненте, используя Input, объявить входные данные.
А по клику, эти входные данные обновлять

[Sashqa]

Дмитрий Еремин, Да, спасибо
Разобрался