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

-5

我已经创建了一个示例，其中父数据传递给子组件和父组件，反之亦然。因此父母到孩子的数据发送完成。但它没有将数据子项传递给父组件。我已经使用EventEmitter类进入孩子。如何在angular2中将数据子组件传递给父组件？

2017-05-13 Raj Mevada

请阅读如何提问帮助部分。 –

@DarrenSweeney如果你有能力就解决它。我感谢你的投票。 –

父模板：...

<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(); 
}

来源

2017-05-13 14:44:36 linhao

为了解决这个问题，增加某种解释可能会有所帮助。 – Toby

@托比我很抱歉，我的英语很差。我不能写太多 – linhao

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

co.onChange不是一个函数

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

你的孩子组件看起来不错，否则，我想你有什么样的父组件如下:)

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

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

来源

2017-05-13 16:36:08 Alex

问题只是重新导入项目解决.....但现在问题是为什么它需要重新导入项目... –

好听，但你仍然有一个名称不匹配，其他' onChange'和其他'onchange'，所以我假设你现在已经对这两个名称进行了更改？ :) – Alex

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

回答

相关问题