具有材料角的角形式[关闭]答案

【问题标题】：Angular form with material Angular [closed]具有材料角的角形式[关闭]
【发布时间】：2021-12-13 14:25:39
【问题描述】：

【问题讨论】：

loginForm!: FormGroup; 你需要在 Angular 12 中添加 !(Exclamation mark) 当类属性没有默认值或者不会被构造函数初始化它会抛出错误。所以你需要告诉打字稿它将以另一种方式初始化。顺便说一句，当您在 Stackoverflow 中提出问题时，您需要提供更多详细信息，解释您的问题并分享一些代码示例，这是一个简单的问题，但有时通过查看图像很难理解。
将 ngOnInit 代码移动到构造函数中
请分享实际代码或其代表，而不是分享图片。

【解决方案1】：

为了使代码正常工作，您需要使用此处所述的所谓明确赋值断言 (https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-7.html#definite-assignment-assertions)。这告诉 TypeScript，虽然它无法检测到相应的变量是否已分配，但它会被分配。基本上，如果您更改第 10 行：

loginForm: FormGroup

到：

loginForm!: FormGroup

您的代码应该可以工作。

【讨论】：