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

Question

我有一個日歷指令，我要在其中傳遞日期，並希望它也更新父組件的日期。 它可以與ngModel配合使用，但是在嘗試使用formControl時，不會更新父級的組件數據。 下面是代碼片段：

// 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>

日歷組件的代碼段：

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

Answer 1

您不需要輸出。 如果您使用[(ngModel)]更新了輸入，則輸入將使父日期保持最新。