类型‘AbstractControl’上不存在属性'controls‘。“

类型‘AbstractControl’上不存在属性'controls‘。这个错误通常出现在使用Angular框架进行表单验证时。它表示在尝试访问表单控件的'controls'属性时发生了错误。

解决这个问题的方法是确保你正在访问的控件是一个FormGroup或FormArray类型的控件，因为只有这些类型的控件才有'controls'属性。如果你尝试访问的控件是一个FormControl类型的控件，它是没有'controls'属性的。

要解决这个问题，你可以按照以下步骤进行操作：

1. 确保你的表单控件是一个FormGroup或FormArray类型的控件。你可以通过在组件类中创建一个FormGroup或FormArray实例来实现这一点。例如：

import { FormGroup, FormControl, Validators } from '@angular/forms';

// 创建一个FormGroup实例
myForm: FormGroup = new FormGroup({
  myControl: new FormControl('', Validators.required),
});

1. 确保你在模板中正确地引用了表单控件。你可以使用表单控件的名称来访问它的'controls'属性。例如：

<form [formGroup]="myForm">
  <input formControlName="myControl">
</form>

在这个例子中，'myControl'是FormGroup中的一个控件，你可以通过'myForm.controls.myControl'来访问它。

1. 如果你正在使用FormArray类型的控件，你可以使用索引来访问其中的控件。例如：

<form [formGroup]="myForm">
  <div formArrayName="myArray">
    <div *ngFor="let control of myForm.get('myArray').controls; let i = index">
      <input [formControlName]="i">
    </div>
  </div>
</form>

在这个例子中，'myArray'是一个FormArray类型的控件，你可以通过索引来访问其中的控件。

总结一下，当出现类型‘AbstractControl’上不存在属性'controls‘的错误时，你需要确保你正在访问的控件是一个FormGroup或FormArray类型的控件，并且在模板中正确地引用了它。如果你遵循了这些步骤，你应该能够解决这个问题。