如何让孩子和父母组件之间的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)。