2017-03-14 134 views
0

我有一個關於動態組件渲染的問題。我有一個Parent component和一個Child component。在child component template有文本字段,用戶可以輸入值。在那裏,我也有一個提交按鈕,提交按鈕的功能在Parent Component中聲明。從子組件獲取數據到父組件

我現在的問題是當我點擊提交按鈕時,我無法獲得用戶在Child Component Template中輸入的值。我必須從child獲取最新數據到parent。我真的不知道如何解決這個問題,我看過@output,但仍然閱讀關於它的教程。你有什麼想法如何實現這一目標?

+0

https://angular.io/docs/ts/latest/cookbook/component-communication.html –

+1

您可以定義Reactive窗體並將其作爲@Input傳遞給子組件,然後在提交時將父窗體中的所有數據零件。 https://angular.io/docs/ts/latest/cookbook/dynamic-form.html – Nikolai

回答

1

基本上,子組件將輸出/發出一個事件與數據和父組件將訂閱/收聽事件(基本上是一個Pub/Sub模型)。這可以通過Angular2中的EventEmitter來實現。請參閱此link也是這個one

相關問題