Angular FormControl返回角度2中的空值

我用的是表格

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

---

这里是

userDetails。名字的第一个值是Tom。在文本框内的UI上可见；但是当我提交表单时，
form.firstName
给了我空值。
要获得值，你应该检查
form.value.firstName
而不是
form.firstName

要更好地了解表单的结构，请在表单提交时执行
console.log（this.form）
。
声明表单组：

private userForm: FormGroup;

按如下方式初始化用户窗体：

  userForm = form.group({
          firstName:  [firstName, [Validators.required]]
        });

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

用HTML声明表单，如下所示：

  userForm = form.group({
          firstName:  [firstName, [Validators.required]]
        });

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

html

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

确保将表单组的实例创建到组件中
I have done console.log；仍然返回空值如果
console.log（this.form）
返回空值，可能还有其他问题。除了模板之外，您还可以使用组件部分更新代码吗？这是我的表单初始化
this.Form=new FormGroup（{firstname:new FormControl（''，Validators.compose（[Validators.required]））}
&这是我的onSubmit方法
onSubmit=function（user）{console.log（user）；