title: clearvalidators() not working as expected along with form reset method in angular
body: <p>I am trying to clear form values as well as validation messages from form on radio button change event but it still display validation message while the form control is empty</p>
  <pre><code> changePaymentType(type) {
      this.myForm.reset();
      this.myForm.clearValidators();
      this.myForm.updateValueAndValidity();
  </code></pre>
  <p><a href="https://i.stack.imgur.com/4fFgX.png" rel="nofollow noreferrer">form image after reset and clearvalidator</a></p>
  <p>this is the output that I get after reset() and clearvalidator() method get executed.</p>
  <p>If I execute the code in a for loop on each control it do work but then validation stop working on the form controls.</p>
  <pre><code> &lt;input type=&quot;text&quot; class=&quot;form-control&quot; autocomplete=&quot;off&quot; placeholder=&quot;Card Name&quot;
                 formControlName=&quot;cardName&quot;&gt;
          &lt;div class=&quot;font-red&quot; *ngIf=&quot;(f.cardName.touched || f.cardName.dirty || validateCard)  &amp;&amp; f.cardName.errors&quot;&gt;
            {{getValidationErrors(f.cardName.errors)}}
          &lt;/div&gt;
  </code></pre>
  <p>Thats the html code of form control</p>