角度AOTコンパイルエラー： '長さ'プロパティが 'AbstractControl'タイプに存在しません

Question

私のアプリは正常に動作します。私はアプリをロードするスピードアップするためにAOTを使用したいと私はFormArray場で私のフォームを持っているため、typescriptですでフォームAに

をチェックするNGCおよびAOTの設定でコンパイルエラーを取得しています：

private buildForm() { 
    this.taskForm = this.formBuilder.group({ 
     questions: this.formBuilder.array([ 
     ]) 
    } 
    } 

<h3 *ngIf="taskForm.get('questions').length < 1" >Render Decision</h3> 

AOTコンパイル：

node_modules/.bin/ngc -p src/tsconfig-aot.json 

エラー：テンプレートで

my-component.component.ngfactory.ts:4530:59: Property 'length' does not exist on type 'AbstractControl'. 

Answer 1

は、私はそれは私が手動でFormArrayに.get()の結果をキャストすることによって、この問題への解決策を見つけた

<h3 *ngIf="taskForm.get('questions').controls.length < 1" >Render Decision</h3> 

Answer 2

されるべきだと思います。 Githubの問題に説明されていますが、ここではこれを繰り返して適切な対策を講じます。

があなたのコントローラにゲッターを提供します：テンプレートで

get formArray() { 
    // Typecast, because: reasons 
    // https://github.com/angular/angular-cli/issues/6099 
    return <FormArray>this.form.get('formArray'); 
} 

を、あなたは今FormArrayの正しいプロパティとメソッドへのアクセス権を持っています。

例えば：

[disabled]="formArray.length > 0 && formArray.at(formArray.length - 1).invalid"