title: Angular 2: How to detect changes in an array? (@input property)
body: <p>I have a parent component that retrieves an array of objects using an ajax request.</p>
  
  <p>This component has two children components: One of them shows the objects in a tree structure and the other one renders its content in a table format. The parent passes the array to their children through an @input property and they display the content properly. Everything as expected.</p>
  
  <p>The problem occurs when you change some field within the objects: the child components are not notified of those changes. Changes are only triggered if you manually reassign the array to its variable.</p>
  
  <p>I'm used to working with Knockout JS and I need to get an effect similar to that of observableArrays.</p>
  
  <p>I've read something about DoCheck but I'm not sure how it works.</p>