Angular2输入/输出在formControl而不是ngModel中

Question

I have a calender directive where I am passing date and want it to update parent component's date too. Its working good with ngModel but when trying with formControl, its not updating parent's component data. Below is code snippet:

// Model value is updating:
<input [(ngModel)]="data" />
<calender [(currentDate)]="currentDate"  ></calender>

//  FormControl value is not updating:
<form [formGroup]="myForm">
<input formControlName="date" />
<calender [(currentDate)]="myForm.controls.date.value"  ></calender>`
</form>

Calender Component's code snippet:

@Input() currentDate:string;
@Output() currentDateChange: EventEmitter<string> = new EventEmitter<string>();
updateOutput(){ this.currentDate="someDate" this.currentDateChange.emit(this.currentDate); }

Answer 1

You don't need the output. The Input will keep the parent date up to date if you update it with [(ngModel)]