2017-05-13 20 views
-5

私は親と子、親コンポーネントに渡すデータの逆の例を作成しました。親から子のデータ送信が完了します。しかし、データの子を親コンポーネントに渡すことはありませんでした。私はEventEmitterクラスを子に使用しました。データchildコンポーネントをangular2の親コンポーネントに渡す方法は?

error shows in browser devlopers tools

code

+2

質問をする方法についてのヘルプセクションをお読みください。 –

+0

@DarrenSweeneyあなたは能力を持っていれば解決します。私はあなたの下投票に感謝します。 –

答えて

2

親テンプレート:...ただ、エラー状態などの

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

これがなぜこの問題を解決するのかについて何らかの説明を加えることは役に立ちます。 – Toby

+0

@Toby私は英語が貧しいことにとても残念です。私は多くを書くことができません多くの – linhao

0

...

co.onChangeは、それは関数ではありません、エラーが正しい機能

まあではありません。関数の名前がコンポーネント内の名前と一致しません。テンプレートでは、onChangeとコンポーネントonchangeにあるので、いずれかを変更する必要があります。

あなたの子コンポーネントは、そうでない場合はよさそうだ、と私はあなたが親コンポーネントに以下のようなものを持っていると思います:)

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

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

プロジェクトを再インポートすることによって解決された問題.....しかし今質問はなぜ再インポートプロジェクトが必要です... –

+0

あなたはまだ名前の不一致があった、 onChange'と他の 'onchange'を使用していますので、どちらの名前を変更したと思いますか? :) – Alex

関連する問題