title: Angular 5 ngHide ngShow [hidden] not working
body: <p>Good day, guys!</p>
  
  <p>I am trying to make my Angular 5 app hide elements (or show hidden). However, this seems to not work.</p>
  
  <p>I've tried ngHide, ng-hide, ngShow, ng-show, [hidden] methods - none of them works.</p>
  
  <p>My login.component.ts looks like this:</p>
  
  <pre><code>import { Component, OnInit } from '@angular/core';
  
  @Component({
    selector: 'login',
    templateUrl: './login.component.html',
    styleUrls: ['./login.component.css']
  })
  
  export class LoginComponent implements OnInit {
    isHidden: boolean = true;
    input_pw: string = 'password';
  
    constructor() { }
  
    ngOnInit() {
      console.log(this.isHidden); //console shows true
    }
  
  }
  </code></pre>
  
  <p>And login.component.html:</p>
  
  <pre><code>&lt;div class="container"&gt;
  
    &lt;div class="cont-login"&gt;
      &lt;div class="login-pane"&gt;
  
        &lt;div&gt;
          &lt;p class="inner log-labels"&gt;Your password&lt;/p&gt;
          &lt;input class="txt" type="password" [(ngModel)]="input_pw" ngHide="isHidden"&gt;
        &lt;/div&gt;
  
        &lt;div&gt;
          &lt;input class="btn" type="submit" value="Login"&gt;
        &lt;/div&gt;
  
      &lt;/div&gt;
  
  
    &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>Am I doing something wrong here?</p>
  
  <p>NOTE: I did not change or add anything related to css.</p>