FormControl 在 Angular 2 中返回空值

Question

我正在使用表格

<form [formGroup]="form">
    <input type="text" value={{userDetails.first_name}} formControlName = "firstName">
    <button type="submit" data-action="save" (click)="onSubmit(form.value)">
</form>

这里的userDetails.first_name价值是汤姆。它在文本框内的 UI 上可见；但是当我提交表单时form.firstName给了我空值。

Answer 1

要获取该值，您应该检查form.value.firstNamenot form.firstName。

要更好地了解表单的结构，请执行console.log(this.form)表单提交。