@Outputを通してデータオブジェクトを渡す

Question

エラーは発生していませんが、データは親コンポーネントに渡されていません。私がやっているやり方は、私がオンラインで探しているすべての例とはちょっと違うので、私はすでにそれをどのように設定しているかについてはあまり確信していません。ここまではコードです。

私はParent Componentテンプレート

<multiple-choice-radio *ngIf="expbTrigger" 
    [question]="question01" 
    (selectedO)="selectedI" //where I'm trying to pull the data into parent component 
></multiple-choice-radio> 

でそれを呼んでいるにはどうすればChild Componentテンプレート

<input type="radio" 
    [attr.name] = "quesForm.value.name" 
    [attr.id] = "ans.id" 
    [attr.value] = "ans.answer" 
    (click)  = "getSelected(ans)" //fetches data I want to pass 
    (click)  = "sendAnswer()" //sets fetched data to @Output 
    hidden 
/> 

にChild Component

//a variable that stores the fetched data from a group of radio buttons 
selected = {value1: '', value2: ''}; 

//the output variable 
@Output() selectedO: EventEmitter<any> = new EventEmitter(); 

public sendAnswer =(): void => { 
    this.selectedO.emit(this.selected); 
} 

入力でそれを呼んでいる方法どのように私はそれを呼び出してParent Component

public selectedI(selected) { 
    this.selectedII = selected; 
} 

selectedII: any; //the variable I'm trying to store it into 

これは私がこれをすべて動作させるようにするために合理化できる最良の方法です。私はここで間違って何をしていますか？

Answer 1

イベントバインディングは、フィールドまたはメソッド名を指定した場合、代入や呼び出しを行わず、式を実行するだけです。したがって、式には代入または呼び出しが含まれている必要があります。 $eventは放出された値を参照します。

(selectedO)="selectedI = $event" // field 

または

(selectedO)="selectedI($event)" // method