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>

Calender Component的代码段：

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

Answer 1

您不需要输出。如果您使用[(ngModel)]

更新，则输入将使父日期保持最新

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

1 个答案: