title: Angular2 boolean Input parameter not working
body: <p>In my Planning component I have the following directive where selectedPerson is an object on the service and showModal is a local boolean parameter in the Planning component:</p>
  
  <pre><code>&lt;person-popup [person]="planningService.selectedPerson" [show]="showModal"&gt;&lt;/person-popup&gt;
  </code></pre>
  
  <p>The PersonPopop component has the following simple structure:</p>
  
  <pre><code>import { Component, Input } from '@angular/core';
  import { Counselor } from '../entities/counselor';
  import { Person } from '../entities/person';
  import { Request } from '../entities/request';
  
  
  @Component({
      selector: 'person-popup',
      templateUrl: './person-popup.component.html',
      styleUrls: ['./person-popup.component.css']
  })
  
  
  export class PersonPopupComponent {
  
      @Input() person: Person;
      @Input() show: boolean;
  
      constructor() { }
  
      public displayCss() {
          return this.show ? "displayBlock" : "";
      }
  
      public toggleShow() {
          this.show = !this.show;
          console.log("toggleShow: ", this.show)
      }
  }
  </code></pre>
  
  <p>The corresponding HTML view currently looks like this:</p>
  
  <pre><code>&lt;p&gt;{{show}}&lt;/p&gt;
  &lt;p&gt;{{person?.name}}&lt;/p&gt;
  &lt;button (click)="toggleShow()"&gt;Show&lt;/button&gt;
  
  &lt;div class="modal-background {{displayCss()}}" (click)="toggleShow()"&gt;
      &lt;div class="modal-content animate"&gt;
          {{person?.name}}
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>When the Planning component is initiated the show property is <code>null</code>.
  Changes of selectedPerson are always propagated to the popup component but the same is NOT true for the showModal parameter.</p>
  
  <p>When <code>showModal</code> is first set to <code>true</code> in the parent it is set to <code>true</code> in the child component.</p>
  
  <p>The child component will then set its local <code>show</code> property to <code>false</code>.
  After that it seems "the Input connection is lost" and all subsequent changes of <code>showModal</code> will not propagate to <code>show</code>.</p>
  
  <p>Any suggestions on how to redesign this?</p>