title: *ngFor Search Result not Updating Angular 2
body: <p>I'm trying to make a search box, which looks for product names and outputs product cards as a result. I have a MenuComponent which has the search input, and looks for the products in the database. (It holds for 300 ms so it does not have to make a request for each keystroke). <code>getLikeName()</code> returns products that have what is searched on its name.</p>
  
  <pre><code> search(searchInput: string){
      if(this.interval != null){
        clearInterval(this.interval);
      }
      this.interval = setTimeout(() =&gt; {
        this.productHttpService.getLikeName(searchInput, 20).subscribe(
          (products: any[]) =&gt; this.productContainer.displayProducts(products)
        );
      }, 300);
    }
  </code></pre>
  
  <p>The <code>displayProducts</code> function updates the list of products. I have console.logged the result and effectively products are coming back. However the list is not updating on the website.</p>
  
  <pre><code>products: any[];
  
  displayProducts(products: any[]){
      this.products = products;
      console.log(products);
  }
  </code></pre>
  
  <p>This is the HTML file (I'm using Angular Material):</p>
  
  <pre><code>&lt;md-grid-list cols="4" rowHeight="1:2" class="size"&gt;
      &lt;md-grid-tile *ngFor="let product of products" class="separation"&gt;
        &lt;md-card class="example-card"&gt;
          &lt;md-card-header&gt;
            &lt;div md-card-avatar class="example-header-image"&gt;&lt;/div&gt;
            &lt;md-card-title&gt;${{product.price}}&lt;/md-card-title&gt;
            &lt;md-card-subtitle&gt;{{product.name}}&lt;/md-card-subtitle&gt;
          &lt;/md-card-header&gt;
          &lt;img md-card-image [src]="product.imgUrl" style="width:300px; height:225px"&gt;
          &lt;md-card-content&gt;
            &lt;p&gt;
              {{product.description}}
            &lt;/p&gt;
          &lt;/md-card-content&gt;
          &lt;md-card-actions&gt;
            &lt;button md-button (click)="sidenav.open(); addToCart(product)"&gt;ADD TO CART&lt;/button&gt;
          &lt;/md-card-actions&gt;
        &lt;/md-card&gt;
      &lt;/md-grid-tile&gt;
    &lt;/md-grid-list&gt;
  </code></pre>
  
  <p>Thank you in advance for your answer.</p>