title: Angular 2: View not updating on array push
body: <p>I have two child components. They are sharing data from a json file that I am loading using the http.get/subscribe method. For some reason, when I push data into the array, it doesnt update in the view. It shows the updated array in the console though.</p>
  
  <p>app component loading the data from a service</p>
  
  <pre><code>this.dataService.getData()
   .subscribe(
       data =&gt; {
         this.data = data;
       },
       (err) =&gt; console.log('Error: ', err),
       () =&gt; console.log("success!")
     );
  </code></pre>
  
  <p>I am using inputs to access the data in my child component. Are there any ways in Angular 2 to update the view when new values are pushed into the array.</p>
  
  <p><strong>Display Component</strong></p>
  
  <pre><code>&lt;div *ngFor="let i of items; let k = index"&gt;&lt;h1&gt;{{i.title}}&lt;/h1&gt; &lt;p&gt;{{i.desc}}&lt;/p&gt;&lt;/div&gt;
  </code></pre>
  
  <p><strong>The Button Component</strong></p>
  
  <pre><code>&lt;button (click)="addItem(i)"&gt;Add Item&lt;/button&gt;
  
  The Component Function
  addItem(i){
    let data = {title: "Some title", desc: "Some desc"};
    this.data.list[i].items.push(data);
  }
  </code></pre>