title: Angular 2 ngFor won't update when object array changes
body: <p>I'm working on getting a json object array using an http get request. Currently, I have a list-view.component that calls a function, getEvents() in my event.service component. That function returns Promise, which represents the object array. It successfully returns the updated array to list-view.component, but for some reason, when I try to print out the array on console, it doesn't show the changes.</p>
  
  <p>list-view.component.ts </p>
  
  <pre><code>this.eventService.getEvents(lat, lon, range, s).then(events =&gt; this.eventsList = events);
  console.log(this.eventsList);
  </code></pre>
  
  <p>event.service.ts </p>
  
  <pre><code>getEvents(lat: number, lon: number, radius: number, s: string): Promise&lt;Event[]&gt; {
      return this.http.get(this.eventsUrl + "?s=" + s +"&amp;radius=" + radius + "&amp;lat=" + lat + "&amp;lon=" + lon)
          .toPromise()
          .then(response =&gt; response.json() as Event[])
          .catch(this.handleError);
    }
  </code></pre>
  
  <p>If I try to print the array in the .then method, like below, it prints it correctly. </p>
  
  <pre><code>this.eventService.getEvents(lat, lon, range, s).then(events =&gt; console.log(events));
  </code></pre>
  
  <p>How come, when I try to print it after the this.eventService.getEvents() call, it doesn't have the new changes?</p>