title: pass data to component dynamically
body: <p>I would transfer the data from one component to the other dynamically.
  When I change the ShowParent value in the addPrelevement method, the showParent value changes, but the child component does not reconfigure this change
  this is the first component
  html:</p>
  
  <pre><code>&lt;page-prelevement&gt;
        &lt;page-progress-bar   [(showChild)] ="showParent" &gt;&lt;/page-progress-bar&gt;
  &lt;/page-prelevement&gt;
  </code></pre>
  
  <p>ts:</p>
  
  <pre><code>export class PrelevementPage {
  ShowParent: boolean= true;
  constructor(....)
  }
  addPrelevement(){
  this.ShowParent=false;
  }
  </code></pre>
  
  <p>the child component:</p>
  
  <pre><code>export class ProgressBarPage 
  {
     @Input() showChild: boolean;
    constructor(....) {
      console.log(this.showChild+   "show child");
    }
  </code></pre>
  
  <p>html of child Component</p>
  
  <pre><code>&lt;div class="progress-outer"&gt;
    &lt;div  *ngIf="showChild" [@myAnimation] class="progress-inner" &gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How to solve this problem? Or is there another way to do it?</p>