輸出事件發射器觸發只在ngOnInit

Question

我有父和子組件，從子需要觸發父組件功能。

Parent.component.ts

loadData(event) { 
     console.log(event); 
} 

Parent.component.html

<app-project (uploaded)="loadData($event)" ></app-project> 

child.component.ts

@Output() uploaded:EventEmitter<any> = new EventEmitter(); 

ngOnInit() { 
    this.uploaded.emit('complete'); // Worked 
} 

loadProject(){ 
    this.uploaded.emit('complete'); // Not triggering the parent function 
} 

child.component.html

<button type="button" (click)="loadProject(project)" label="Load Project"></button> 

不知道什麼是錯在這一點，但是從ngOnInit workes。

從child.component.html調用loadProject。

Answer 1

變化：

child.component.ts

@Output() uploaded = new EventEmitter<string>(); 

ngOnInit() { 
    this.uploaded.emit('complete'); // Worked 
} 

loadProject(){ 
    this.uploaded.emit('complete'); // Not triggering the parent function 
} 

child.component.html

<button type="button" (click)="loadProject()" label="Load Project"></button> 

你是傳遞一個字符串值loadProject，但在孩子組件沒有負載項目的定義，它取1個參數