子コンポーネントと親コンポーネントの間の角2通信を動作させるにはどうすればよいですか？

Question

親テンプレート

<problem-form *ngIf=showProblemView (addProblem)=problemAdd($event)></problem-form> 

子コンポーネント

import { Component, Output, EventEmitter } from '@angular/core'; 
@Output() addproblem = new EventEmitter<string>(); 
onClick() { 
    this.addproblem.emit('something') 
    console.log('onSubmit') 
    this.active = false; 
} 

親イベントハンドラ

problemAdd($event) { 
    debugger; 
    console.log('eventString ') 
} 

私は子供のイベントがデバッガを以下から放出されていることを知っています。私の理解は、親が放出された子イベントをキャプチャしていないということです。何か案は？ありがとう！あなたの子供で

Answer 1

：親で

@Output() addproblem = new EventEmitter<string>(); 

：

<problem-form *ngIf=showProblemView (addProblem)=problemAdd($event)></problem-form> 
             ^

お知らせ資本P.

角度2は、大文字と小文字が区別されます。

プロパティの名前をaddProblemに変更するか、出力ハンドラを(addproblem)に変更します。