title: Binding a boolean value using *ngIf
body: <p><em>component.ts</em>:</p>
  
  <pre><code>public myFlag: boolean = false;
  changeFlag(){
    this.myFlag = true;
  }
  </code></pre>
  
  <p><em>component.html</em>:</p>
  
  <pre><code>&lt;ng-template *ngIf="newPOST"&gt;{{newPOST}}&lt;/ng-template&gt;
  </code></pre>
  
  <p>I expect to see the <strong>true</strong> when I press the button that calls <code>changeFlag()</code> but in my console is always like this:</p>
  
  <pre><code>&lt;!--bindings={
    "ng-reflect-ng-if": "false"
  }--&gt;
  </code></pre>
  
  <p>This doesn't become true. How can I bind this boolean every time I press the button to change it?</p>