Проблема с EventEmitter и CustomEvent - PullRequest
Новая
       17

Проблема с EventEmitter и CustomEvent

0 голосов
/ 11 марта 2020

Angular 8.3.14 проект.

Мы создали EventEmitter для совместного использования строки с родительским компонентом.

Дочерний компонент 

@Output() pepe = new EventEmitter<any>();

ngOnInit() {
   this.pepe.emit('pepe');
}

Родительский компонент HTML

<child-selector (pepe)="sample($event)"></child-selector>

Родительский компонент TS 

sample(value) {
    console.log(value);
}

Проблема заключается в мы получаем объект CustomEvent в функции примера. Этот объект имеет свойство с текущим значением, но почему мы получаем CustomEvent вместо строки? Это то, чего мы никогда не видели.

Объект CustomEvent, полученный в функции примера 

CustomEvent {isTrusted: false, detail: "Test string", type: "addonsChange", target: wc-ocs-addons-mosaic, currentTarget: wc-ocs-addons-mosaic, …}
isTrusted: false
detail: "Test string"
type: "addonsChange"
target: wc-ocs-addons-mosaic
currentTarget: null
eventPhase: 0
bubbles: false
cancelable: false
defaultPrevented: false
composed: false
timeStamp: 8043.915000045672
srcElement: wc-ocs-addons-mosaic
returnValue: true
cancelBubble: false
path: (8) [wc-ocs-addons-mosaic, div.amena-cms, ocs-theme, app-demo, body, html, document, Window]
__proto__: CustomEvent

CustomEvent IMG

1 Ответ

0 голосов
/ 16 марта 2020

Можете ли вы вызвать функцию emit вне ngOnInit и проверить результат.

...