angular - 错误 : Type 'AbstractControl' is missing the following properties from type 'FormGroup' : controls, registerControl、addControl、removeControl、

Question

我已经使用 android 制作了一个天气 API 网络应用程序，

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

应用程序网址:- https://maximlweatherapp.stackblitz.io

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

我从 Visual Studio Code 输出的工作结果

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;
}

Forked Stackblitz

或使用内置的 $any()在您使用 checkcity.at(itemindex)

的每个地方运行

$any(checkcity.at(itemindex))