#variable（NgForm入力ディレクティブ）をモデル駆動型で使用するにはどうすればよいですか？

Question

angular2に＃variable = "ngForm"を使用します。 formControl入力でどのように使用できますか？ Angularの各バージョンには非常に多くの変更があり、「feedbackForm.controls.personalData.controls.firstName」を使用する代わりに#variableを使用することはできません。これを行う方法が他にあるかどうかはわかりません。ありがとうございました。

<form [formGroup]="feedbackForm" novalidate (ngSubmit)="onSubmit(this.feedbackForm)"> 
     <div formGroupName="personalData"> 
      <div class="form-group"> 
       <label for="firstName">First name</label> 
       <input formControlName="firstName" id="firstName" type="text" class="form-control" required /> 
       <div class="alert-info alert-danger" 
        *ngIf="feedbackForm.controls.personalData.controls.firstName.touched && feedbackForm.controls.personalData.controls.firstName.errors">FirstName is required</div> 

     </div> 
... 
... 
... 

********** **********コンストラクタ一般

constructor(@Inject(FormBuilder) fb: FormBuilder) { 


this.feedbackGroup = fb.group({ 
     comment: ['', Validators.required] 
    }); 

    this.feedbackForm = fb.group({ 
     personalData: fb.group({ 
      firstName: [``, Validators.required], 
      lastName: [``, Validators.compose([Validators.required, CustomerValidators.cannotContainSpace]), CustomerValidators.shouldBeUnique], 
      phoneNumber: [] 
     }), 
     feedback: this.feedbackGroup 
    }); 
} 

Answer 1

あなたはないミックスとは、モデルとテンプレート駆動型フォームと一致する必要があります。 私がお勧めしたいもの：。クラス

export class thatComponent { 
    private firstName:FormControl; 
    private personalData:FormGroup; 
    private feedbackForm:FormGroup; 
    constructor(){ 
     this.feedbackForm = .... // what ever you've done 

     this.personalData = this.feedbackForm.get(['personalData']) 
     this.firstName = this.personalData.get(['firstName']) 

    } 

}