如何使用object类型的@Input()值填充表单

Question

这是我提到的输入的ts

@Input() event: ClassEvent //this is the input
start-date: FormControl;
end-date: FormControl;
class : FormControl;
myForm: FormGroup;

这是表格的一部分

<div class="form-group">
<select id="location_id" formControlName="class"
required>
<option value="" disabled selected>Classes</option>
<option *ngFor="let class of classList">
{{class.name}}</option>
</select>
</div>
</div

Answer 1

我认为patchValue就是您想要的。这是一种你可以在FormGroup上找到的方法。举个例子。。。

ngOnInit(){
// ...
myForm.patchValue(selectedEvent);
}

更多信息请点击这里-https://angular.io/guide/reactive-forms