title: How validate a control form in angular 13?
body: <p>I have a ractive form in angular 13 dedined like that:
  <a href="https://i.stack.imgur.com/LE219.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/LE219.png" alt="enter image description here" /></a></p>
  <p>So I want to validate this form like that:
  <a href="https://i.stack.imgur.com/gxpgN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/gxpgN.png" alt="enter image description here" /></a></p>
  <p>I get the following error:
  <a href="https://i.stack.imgur.com/s034Y.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/s034Y.png" alt="enter image description here" /></a></p>
  <p>and
  <a href="https://i.stack.imgur.com/eYoaJ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/eYoaJ.png" alt="enter image description here" /></a></p>
  <p>noting that in the component I have a get function like:</p>
  <pre><code>  get firstname() {
      return this.myGroup.get('firstname');
   } 
  </code></pre>