Как получить ответ от @Output () onSuccess: EventEmitter <any>= new EventEmitter <any>(); функции в Angular

Question

У меня есть созданный мной компонент

    <component-button [customStyle]="{'font-size.px':14, 'color' : 'green', 'background-color' : 
     'coral'}"
      [(onSuccess)="itsDone(response)"> Make request

</component-button>

эмиттер onSuccess возвращает ответ Json, но у меня проблема с получением ответа json в качестве параметра в моей функции itsDone () .

itsDone(json) {
console.log('done successful', json);

}

Answer 1

Как и когда вы используете свой эмиттер событий?

В своем дочернем компоненте вы должны сделать:

    this.onSucess.emit(someJsonValue);

А затем поймать его так же, как и вы, хотя событие должно называться $ event, поскольку именно так работает EventEmitter:

    <component-button [customStyle]="{'font-size.px':14, 'color' : 'green', 'background-color' : 
         'coral'}"
          (onSuccess)="itsDone($event)"> Make request

    </component-button>

(обратите внимание, как я удалил квадратную скобку перед (onSucess), это опечатка)