How validate a control form in angular 13?

Issue

I have a ractive form in angular 13 dedined like that:

So I want to validate this form like that:

I get the following error:

and

noting that in the component I have a get function like:

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

Solution

The template is wrong.

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

Answered By - ArunM