如何在angular2中将数据子组件传递给父组件？

Question

我创建了一个示例，其中数据传递给父级到子级和父级组件，反之亦然。因此父子对子数据发送完成。但它没有将数据子传递给父组件。我已经将EventEmitter类用于了孩子。

Answer 1

父模板：...

<child [value]="value" (childEvent) = "parenFunction($event)">  </child>

 //...

  export class ParenComponent{

     value: any={};

    ParenFunction(){

      console.log(value);

  }

}

孩子

<p (click) = "clickThis"> click </p>
//...
@Output() childEvent = new EventEmitter<boolean>();
clickThis(){

this.childEvent.emit();
}

Answer 2

就像错误状态......

  

co.onChange不是一个函数

错误是正确的，它不是一个功能。您的函数名称与组件中的名称不匹配。在模板中，您有onChange和组件onchange，因此您需要更改其中一个。

你的子组件看起来不错，我猜你在父组件中有类似的东西：）

<my-comp (childeve)="getChildeve($event)"></my-comp>

getChildeve(value) {
  console.log(value)
}