Есть два соседних компонента
<b2b-acquiring *ngIf="resultSearchByNumber" [inputData]="resultSearchByNumber"></b2b-acquiring>
<b2b-restart-business-process></b2b-restart-business-process>
В компоненте
b2b-acquiring есть метод, который отправляет запрос на сервер и вот ответ, который приходит мне нужно передать в
b2b-restart-business-process
Метод отправки
getPayInfoExtended(obj: any) {
this.resultSearchByNumber = null;
this.resultSearchByNumber = obj;
this.resultGetPayInfoExtended = null;
return this.http.post(`${this.baseUrl}`+'getpayinfoextended?', this.resultSearchByNumber).subscribe(res => {
this.resultGetPayInfoExtended = res;
},
error => {
console.log(error)
})
}
Я почитал про
@Output но не могу понять как он работает. Объясните на пальцах пожалуйста
UPDATE
Я попробовал через
@Output
В компоненте
b2b-acquiring@Output() payInfo = new EventEmitter();
sendDateToParent() {
this.payInfo.emit(this.resultGetPayInfoExtended);
}
В родительском компоненте
payInfoTest(evnt) {
this.payInfoData = null;
this.payInfoData = evnt;
console.log(this.payInfoData)
}
<b2b-acquiring *ngIf="resultSearchByNumber" [inputData]="resultSearchByNumber" (payInfo)="payInfoTest($event)"></b2b-acquiring>
В консоли выводит то, что мне нужно
Как теперь передать это дело в другой компонент
b2b-restart-business-process?
Попробовал через
@Input
В нужном компоненте
@Input() inputData2;<b2b-restart-business-process [inputData2]="payInfoData"></b2b-restart-business-process>
И пытаюсь данные вывести
{{ inputData2 | json }}
Но реакции 0, что не так делаю?
