title: Angular @Input value not changing when changed from Parent Component
body: <p>I have added same child component three times in a single parent component
  <a href="https://i.stack.imgur.com/p10iD.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/p10iD.png" alt="enter image description here" /></a></p>
  <p>And below is the change function called on one of the children's components to change the <code>selectedName</code> in other two child components
  The <code>@Input</code> is type of string if I change it to object it work fine.</p>
  <p><a href="https://i.stack.imgur.com/bAj66.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bAj66.png" alt="enter image description here" /></a></p>
  <p>And this is how child component looks like
  <a href="https://i.stack.imgur.com/xZg3f.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/xZg3f.png" alt="enter image description here" /></a></p>