angular - 错误：“AbstractControl”类型缺少“FormGroup”类型的以下属性：控件、registerControl、addControl、removeControl、

Question

我使用 android 制作了一个天气 API Web 应用程序，

链接：- https://stackblitz.com/edit/maximlweatherapp

APP 网址：- https://maximlweatherapp.stackblitz.io

我在我的 Visual Studio 代码中使用了相同的代码，它工作正常，没有出现任何错误，但在 StackBlitz 中，它给出了错误两者的唯一区别是在我的 Visual Studio 中，安装了 Angular 版本 8，但我在这里使用 Angular 版本 9，请任何人都可以看到代码有什么问题并建议我进行一些更改，

我的 Visual Studio 代码输出的工作结果

Answer 1

在 Angular 9 中默认的 AOT 模式下，模板编译器比 JIT 模式下更严格。

例如，在以下代码中：

[formGroup]="checkcity.at(itemindex)"

checkcity.at方法返回AbstractControl并且它与需要的类型不匹配FormGroupDirective。

您可以自己投射它：

html

[formGroup]="getFormGroupAt(itemindex)"

ts

getFormGroupAt(i: number) {
  return this.checkcity.at(i) as FormGroup;
}

分叉的 Stackblitz

或在您使用的每个地方使用内置的$any()函数checkcity.at(itemindex)

$any(checkcity.at(itemindex))