如何将数据子组件传递给angular2中的父组件？答案

【问题标题】：How to pass data child component to parent component in angular2?如何将数据子组件传递给angular2中的父组件？
【发布时间】：2023-03-24 02:33:01
【问题描述】：

我创建了一个示例，其中数据传递给父子和父组件，反之亦然。这样就完成了父子数据的发送。但它没有将数据子传递给父组件。我已经在孩子中使用了 EventEmitter 类。

【问题讨论】：

请阅读帮助部分，了解如何提问。
@DarrenSweeney 如果你有能力然后解决它。感谢您的反对。

标签： javascript angular angular2-template

【解决方案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();
}

【讨论】：

添加某种解释来解释为什么这样可以解决问题可能会有所帮助。
@Toby 很抱歉我的英语很差。我不能写太多

【解决方案2】：

就像错误状态一样......

co.onChange 不是函数

嗯，错误是正确的，它不是一个函数。您的函数名称与组件中的名称不匹配。在模板中你有onChange 和在组件onchange，所以你需要改变任何一个。

否则您的子组件看起来不错，我猜您在父组件中有类似以下内容:)

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

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

【讨论】：

通过重新导入项目解决的问题.....但现在的问题是为什么它需要重新导入项目......
很高兴听到这个消息，但是您的名称仍然不匹配，其他 onChange 和其他 onchange，所以我假设您现在已经更改了这两个名称？ :)