title: Update input value in child even when it stays unchanged in parent angular 2+
body: <p>I am passing a value to a child component like so ..</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;app-child-component[prop1]='prop1'&gt;&lt;/app-child-component&gt;
  </code></pre>
  
  <p>and catching it in the child like so ..</p>
  
  <pre class="lang-js prettyprint-override"><code> @Input() prop1:boolean;
  </code></pre>
  
  <p>This is a boolean value that changes from false to true in the parent when a button is pressed. In the child it is changed back to false when another button is clicked. </p>
  
  <p>At this point if I press the button in parent again nothing happens. The value of prop1 is still true in the parent so no change is detected and nothing is sent to the child. I understand this is expected behavior.</p>
  
  <p>Is there a way however to still force the value of prop1 to be pushed to the child again?</p>
  
  <p>EDIT: I might need two-way data binding in this scenario but as I am not actually using the value of prop1 in the parent just the ability to update it again in the child should suffice.</p>