title: Interpolation not working in angular2
body: <pre><code>import {Component} from 'angular2/core';
  import {Observable} from 'rxjs/Observable';
  import {Http} from 'angular2/http';
  import {SpsheetService} from './spsheet.service';
  import 'rxjs/Rx';
  
  
  @Component({
   selector: 'my-spsheet',
   template: `
               &lt;button id="fetch" (click)="reloadData()"&gt;Reload Data&lt;/button&gt;
              &lt;table class="table"&gt;
              &lt;thead&gt;
                  &lt;tr&gt;
                      &lt;th *ngFor="#head of heads"&gt;
                          {{head | async}}
                      &lt;/th&gt;
                  &lt;/tr&gt;
              &lt;/thead&gt;
              &lt;tbody&gt;
                  &lt;tr *ngFor="#dat of data"&gt;
                      &lt;td *ngFor="#head of heads" contenteditable="true"&gt;
                          {{dat.head | async}}
                      &lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/tbody&gt;
          &lt;/table&gt;
          `,
  providers: [SpsheetService]
   })
  
  export class SpsheetComponent {
      data:any[];
      heads:string[];
      otherdata:string[];
      constructor(private _http:Http,private _spservice:SpsheetService){}
  
      reloadData(){
          this._spservice.fetchData()
              .subscribe(function(data) 
              {
                  var me =this;
                  me.data =[];
                  me.data = data;
                  me.heads = Object.keys(data[0]);
                  var len = me.heads.length;
                  console.log(me.heads);
  
              },
              err =&gt; console.log(err),
              () =&gt; console.log('Completed'));
      }
  
  
   }
  </code></pre>
  
  <p>I am loading data from a JSON file and structuring it into an HTML table. I am able to fetch the data and also structure it but the problem is it wont reflect as an HTML table, ie interpolation isn't working. Although the variables are carrying there respective values.</p>