Angular 为什么我得到未定义的输入字段

Angular 为什么我得到未定义的输入字段,angular,Angular,我有一个添加用户的函数 模型是: export class User { public constructor ( public firstName: string, public lastName:string, public email:string, public address: string ){}} 在用户组件中,我定义了函数addUser: addUser(user:any, address:any){ if (this.form.va

我有一个添加用户的函数 模型是:

export class User {
  public constructor (
    public firstName: string,
    public lastName:string,
    public email:string,
    public address: string
){}}
在用户组件中,我定义了函数addUser:

addUser(user:any, address:any){
    if (this.form.valid) { let newUser = new User([user["firstName"], user["lastName"], user["email"], user["address"]);}}
我得到一个新用户,其属性为“address=undefined”。
为什么???

即使我将地址添加到此.fb.group,也没有任何变化。 HTML文件太长,这是输入部分:

 <div class="tab-pane active" id="profile">                                                
                            <div class="form-group">
                                <label class="text-gray">First name :</label>
                                <input formControlName="firstName" class="form-control validation-field" type="text">
                                <small class="text-danger" *ngIf="form.controls.firstName.touched && form.controls.firstName.errors?.required">firstName is required</small>                              
                                <small class="text-danger" *ngIf="form.controls.firstName.touched && form.controls.firstName.errors?.minlength">firstName isn't long enough, minimum of 5 characters</small>
                            </div>
                            <div class="form-group">
                                <label class="text-gray">Last name :</label>
                                <input formControlName="lastName" class="form-control validation-field" type="text">
                                <small class="text-danger" *ngIf="form.controls.lastName.touched && form.controls.lastName.errors?.required">lastName is required</small>                              
                                <small class="text-danger" *ngIf="form.controls.lastName.touched && form.controls.lastName.errors?.minlength">lastName isn't long enough, minimum of 6 characters</small>
                            </div>  
<div class="tab-pane" id="address">
                            <div class="form-group">
                                <label class="text-gray">Address :</label>
                                <div class="input-group" >
                                    <div class="input-group-addon"><i class="fa fa-map-marker"></i></div>
                                    <input  formControlName="address" class="form-control validation-field" type="text">
                                    <small class="text-danger" *ngIf="form.controls.town.touched && form.controls.town.errors?.required">assress is required</small>                              
                                    <small class="text-danger" *ngIf="form.controls.town.touched && form.controls.town.errors?.minlength">address isn't long enough, minimum of 6 characters</small>
                                </div>
                            </div>

名字:
名字是必需的
名字不够长,至少5个字符
姓氏:
姓氏是必需的
lastName不够长,至少6个字符
地址:
需要助理
地址不够长,至少6个字符

共享您的组件代码?您的this.fb.group包含名字、姓氏和电子邮件,没有地址您可以共享html吗?
 <div class="tab-pane active" id="profile">                                                
                            <div class="form-group">
                                <label class="text-gray">First name :</label>
                                <input formControlName="firstName" class="form-control validation-field" type="text">
                                <small class="text-danger" *ngIf="form.controls.firstName.touched && form.controls.firstName.errors?.required">firstName is required</small>                              
                                <small class="text-danger" *ngIf="form.controls.firstName.touched && form.controls.firstName.errors?.minlength">firstName isn't long enough, minimum of 5 characters</small>
                            </div>
                            <div class="form-group">
                                <label class="text-gray">Last name :</label>
                                <input formControlName="lastName" class="form-control validation-field" type="text">
                                <small class="text-danger" *ngIf="form.controls.lastName.touched && form.controls.lastName.errors?.required">lastName is required</small>                              
                                <small class="text-danger" *ngIf="form.controls.lastName.touched && form.controls.lastName.errors?.minlength">lastName isn't long enough, minimum of 6 characters</small>
                            </div>  
<div class="tab-pane" id="address">
                            <div class="form-group">
                                <label class="text-gray">Address :</label>
                                <div class="input-group" >
                                    <div class="input-group-addon"><i class="fa fa-map-marker"></i></div>
                                    <input  formControlName="address" class="form-control validation-field" type="text">
                                    <small class="text-danger" *ngIf="form.controls.town.touched && form.controls.town.errors?.required">assress is required</small>                              
                                    <small class="text-danger" *ngIf="form.controls.town.touched && form.controls.town.errors?.minlength">address isn't long enough, minimum of 6 characters</small>
                                </div>
                            </div>