title: Hide show eye icon inside password field angular 6
body: <p>The function is working fine but i'm doing it with a checkbox till now
  I just need help with the eye icon inside the password input field
  without bootstrap or font-awesome if possible
  and thanks</p>
  
  <pre><code>      myFunction() {
    let x : any = document.getElementById("inputPassword");
    if (x.type === "password") {
      x.type = "text";
    } else {
      x.type = "password";
    }
  }
  
  &lt;input [(ngModel)]="password" type="password" id="inputPassword"  name="password"
                       placeholder="{{'Password' | translate}}"  required&gt;
                       &lt;input type = "checkbox" (click)="myFunction()"&gt;
  </code></pre>