反应式表单验证但出现错误

Question

我在响应式表单验证中遇到此错误

对象可能为“空”。

8 *ngIf="!registrationForm.get('userName').valid && !registrationForm.get('userName').touched"

Answer 1

响应式表单不是强类型的：这意味着您无法输入表单。 结果是 Angular 无法确定您的表单中是否存在现有的“userName”控件（因此可能为 null）。

您可以通过在两个断言上添加问号使您的控件为空来解决它：

*ngIf="!registrationForm.get('userName')?.valid && !registrationForm.get('userName')?.touched"