title: How to show password entered when checkbox is clicked?
body: <p>in my form i have one checkbox so when i check the checkbox it should show password entered in password field.i am doing it using angular 7.</p>
  
  <pre><code>  &lt;div class="form-group"&gt;
    &lt;label for="Password" class="control-label"&gt;Password&lt;/label&gt;
    &lt;div&gt;
    &lt;input type="password" class="form-control" name="Password" ngModel 
    #pwd="ngModel" placeholder="Password" required  pattern="^(?=.*[a-z])(? 
    =.* 
      [A-Z])(?=.*\d)(?=.*[@$!%*?&amp;])[A-Za-z\d@$!%*?&amp;]{8,}$"&gt;
      &lt;div *ngIf= pwd.invalid&gt;
        &lt;small class="form-text text-danger" *ngIf= 
       pwd.errors.required&gt;Password Required&lt;/small&gt;
        &lt;small class="form-text text-danger" 
        *ngIf=pwd.errors.pattern&gt;Minimum eight characters, at least one 
        uppercase letter, one lowercase letter, one number and one special 
         character.&lt;/small&gt;
  
  
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="form-group form-check"&gt;
    &lt;input type="checkbox" class="form-check-input" 
      [disabled]="pwd.invalid"&gt;
    &lt;label class="form-check-label" id="show" for="exampleCheck1"&gt;Show 
    Password&lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>By checking the checkbox it should show password entered in the password field.</p>