如何讓孩子和父母組件之間的Angular 2溝通工作？

Question

父模板

<problem-form *ngIf=showProblemView (addProblem)=problemAdd($event)></problem-form> 

輔元件

import { Component, Output, EventEmitter } from '@angular/core'; 
@Output() addproblem = new EventEmitter<string>(); 
onClick() { 
    this.addproblem.emit('something') 
    console.log('onSubmit') 
    this.active = false; 
} 

父事件處理

problemAdd($event) { 
    debugger; 
    console.log('eventString ') 
} 

我知道孩子事件從以下調試器發射。我的理解是，父母沒有捕獲發射的兒童事件。有任何想法嗎？謝謝！

Answer 1

在你的孩子：

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

在父：

<problem-form *ngIf=showProblemView (addProblem)=problemAdd($event)></problem-form> 
             ^

通知資本P.

角2是區分大小寫的。

將屬性重命名爲addProblem或將輸出處理程序重命名爲(addproblem)。