title: Angular 2 view not updating after removing elements from object array
body: <p>I have a service that has a public property declared as follows:</p>
  
  <p><code>public indiceUsuarios: IndiceUsuario[] = [];</code></p>
  
  <p>After changing data and doing operations I reload that property with the following method in the same class:</p>
  
  <pre><code>  private reloadIndiceLocal(indiceUsuarios: IndiceUsuario[]): void {
      let self = this;
      self.indiceUsuarios.length = 0;
      self.indiceUsuarios.push(...indiceUsuarios);
    }
  </code></pre>
  
  <p>I'm injecting this service into another component and referencing that property on the <code>ngOnInit()</code> using the following line <code>this.indiceUsuarios = this.sesionService.indiceUsuarios;</code> (this local property is not initialized before this). I'm then using this local property on this component's view. It shows perfectly fine and is changing when I add elements to the array.</p>
  
  <p>The issue is that if I remove elements from the array they will keep showing (the view is not updating to reflect these changes).</p>
  
  <p>Any ideas?</p>