输出事件发射器触发只在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个参数