Angular: Property 'controls' does not exist on type 'AbstractControl'. ng build --prod error 異常解決

使用 ng build --prod ng build --prod 編譯時報錯


ERROR in src/app/components/hr/arrangeshifts/arrangeshifts-form/arscal-selected/arscal-selected.component.html(23,13): Property 'controls' does not exist on type 'AbstractControl'.


報錯的地方是

  <div formArrayName="itemRow" *ngFor="let f of itemFG.get('itemRow').controls; let i=index;">

解決方法有二:


1.

在ts文件中添加方法:

formData { 
    return <FormArray>this.itemFG.get('itemRow'); 
}


在html中:

<div formArrayName="itemRow" *ngFor="let f of formData; let i=index" >





2.

直接改變html:

  <div formArrayName="itemRow" *ngFor="let f of itemFG.get('itemRow')['controls']; let i=index; >