如何验证 angular 13 中的控件表单？

Question

我在 angular 13 中有一个 ractive 形式是这样定义的：

所以我想像这样验证这个表单：

我收到以下错误：

和

注意到在组件中我有一个 get 函数，例如：

  get firstname() {
    return this.myGroup.get('firstname');
 }

Answer 1

模板错误

<div *ngIf="firstname?.errors?.['required']">First name is required</div>

How validate a control form in angular 13?