TS2339：“AbstractControl”类型上不存在属性“控件”答案

【问题标题】：TS2339: Property 'controls' does not exist on type 'AbstractControl'TS2339：“AbstractControl”类型上不存在属性“控件”
【发布时间】：2021-08-13 10:58:18
【问题描述】：

我正忙于 Udemy 上的“Angular - 完整指南（2021 版）”，但遇到了一些问题：

我不断收到以下错误：TS2339：“AbstractControl”类型上不存在属性“控件” 我正在使用最新版本的 Angular。

这是我的 HTML 代码：

                    <div class="row" *ngFor="let ingredient of recipeForm.get('ingredients').controls; let i = index"
                        [formGroupName]="i" style="margin-top: 10px;">
                        <div class="col-xs-8">

任何建议将不胜感激！谢谢！

【问题讨论】：

你可以试试：(recipeForm.get('ingredients') as any).controls 吗？您必须提供可以帮助您的组件的 TS 文件。
看看这是否有帮助：stackoverflow.com/a/46928219/6513921

标签： angular controls

【解决方案1】：

      <div
        class="row"
        *ngFor="let ingredientCtrl of recipeForm.get('ingredients')['controls']; let i = index"
        [formGroupName]="i"
        style="margin-top: 10px;">

// 只需使用 ['Controls'] 而不是 .Controls

【讨论】：

真的应该使用getter来获取数组get ingredientsArray(){return this.form.get('ingredients') as FormArray}并使用ingredientsArray.controls