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
