フォームグループ内でフォームグループ内に複数の文字を反応形式で入力できません

Question

これは反応形式のバグである可能性があります。私はより経験豊富な角度の専門家からの助けに感謝します。

症状：指定された時間に1文字以上の入力を入力できません。

発生：入力がFormArray

特別な指示内FormGroupがあるとき：テンプレート（.htmlのファイル）

<form [formGroup]="profileSetup"> 
<div formArrayName="company"> 
      Company : 
      <div *ngFor="let companyControl of profileSetup.get('company').value;let i=index;" [formGroupName]="i"> 
      <br> 
      Company Name:<br> 
      <input type="text" formControlName="company_name"><br> 
      Company Address:<br> 
      <input type="text" formControlName="company_address" ><br> 
      Started On:<br> 
      <input type="date" formControlName="started_on"><br> 
      Ended On:<br> 
      <input type="date" formControlName="ended_on"><br> 
      Title(Worked As):<br> 
      <input type="date" formControlName="title"><br> 
     </div> 
     </div> 
     <input type="Submit" value="Submit"> 
    </form> 
    <button value="Add Company" (click)="addCompany()"> Add Company</button><br> 

プロファイルを：私は

コードFormBuilder使用していません。コンポーネント.ts

profileSetup:FormGroup 
    ngOninit(){ 
     this.profileSetup=new FormGroup({ 
company:new FormArray([]) 
}) 
    } 

addCompany(){ 
     const control=new FormGroup({ 
      company_name:new FormControl(''), 
      company_address:new FormControl(''), 
      started_on:new FormControl(''), 
      ended_on:new FormControl(''), 
      title:new FormControl('') 
     }); 
     (<FormArray>this.profileSetup.get('company')).push(control); 
     console.log(this.profileSetup.get('company').value); 
     } 

Answer 1

ngForではなく、.valueの代わりに.controls