title: error display in *ngfor json array object
body: <p>when fetching json array object from rest api and trying to display in ngfor failed with the reason</p>
  
  <h1>error</h1>
  
  <p>EXCEPTION: Cannot find a differ supporting object '[object Object]' of type 'object'. NgFor only supports binding to Iterables such as Arrays. in [indexes in HomeComponent@5:37]</p>
  
  <p>Code</p>
  
  <pre><code>import {Component} from 'angular2/core';
  import {HomeService} from './home.services';
  import {Index} from './index';
  
  @Component({
      selector: 'home-app',
      providers: [HomeService],
  
      template: `
          &lt;section class="left_side"&gt;
              &lt;article&gt;
                  &lt;div class="div_home"&gt;
                      &lt;div class="div_homeIndxPartition"&gt;
                          &lt;div class="div_IndxPartition" *ngFor="#indObj of indexes"&gt;
                              &lt;table width="500px" class="idx_cons_table_det"&gt;
                                  &lt;tr&gt;
                                      &lt;th align="center" color="#A9F5F2"&gt;&lt;h3&gt;{{indObj.name}} ({{indObj.tracker}})&lt;/h3&gt;&lt;/th&gt;
                                      &lt;th align="center"&gt;Value&lt;/th&gt;
                                      &lt;th align="center"&gt;Change&lt;/th&gt;
                                      &lt;th align="center"&gt;%&lt;/th&gt;
                                  &lt;/tr&gt;
                                  &lt;tr&gt;
                                      &lt;td align="center" colspan="1"&gt;&lt;/td&gt;
                                      &lt;td align="center"&gt;{{indObj.value}}&lt;/td&gt;
                                      &lt;td align="center"&gt;{{indObj.change}}&lt;/td&gt;
                                      &lt;td align="center"&gt;{{indObj.percent}}%&lt;/td&gt;
                                  &lt;/tr&gt;
                              &lt;/table&gt;
                              &lt;br/&gt;
                              &lt;table width="500px" class="idx_cons_table"&gt;
                                  &lt;tr&gt;
                                      &lt;th align="center"&gt;High&lt;/th&gt;
                                      &lt;th align="center"&gt;Low&lt;/th&gt;
                                      &lt;th align="center"&gt;Open&lt;/th&gt;
                                      &lt;th align="center"&gt;Close&lt;/th&gt;
                                      &lt;th align="center"&gt;52 Week High&lt;/th&gt;
                                      &lt;th align="center"&gt;52 Week Low&lt;/th&gt;                             
                                  &lt;/tr&gt;
                                  &lt;tr&gt;
                                      &lt;td align="center"&gt;{{indObj.high}}&lt;/td&gt;
                                      &lt;td align="center"&gt;{{indObj.low}}&lt;/td&gt;
                                      &lt;td align="center"&gt;{{indObj.open}}%&lt;/td&gt;
                                      &lt;td align="center"&gt;{{indObj.close}}&lt;/td&gt;
                                      &lt;td align="center"&gt;{{indObj.yearHigh}}&lt;/td&gt;
                                      &lt;td align="center"&gt;{{indObj.yearLow}}%&lt;/td&gt;
                                  &lt;/tr&gt;
                              &lt;/table&gt;                        
                          &lt;/div&gt;                      
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/article&gt;
          &lt;/section&gt;
      `
  
  })
  export class HomeComponent {
      public indexes:Array&lt;Index&gt;=[];
      public error;
  
  constructor(private _service: HomeService){
      this.indexes = _service.getIndexes().subscribe(
              data =&gt; this.indexes =  JSON.parse(data),
              error =&gt; alert(" Error is : " + error),
              ()=&gt; console.log("finished")
           );
      console.log(this.indexes);
  }
  }
  </code></pre>
  
  <h1>JSON Data</h1>
  
  <pre><code>[
    {
      "id": 1,
      "name": "FTSE 100",
      "ticker": "UKX",
      "value": 69875.23,
      "change": 100,
      "percent": 2.3,
      "high": 69875.23,
      "low": 69700.89,
      "yearHigh": 699999.23,
      "yearLow": 680005.23,
      "open": 69600.54,
      "close": 699000.97,
      "constituents": null,
      "runDate": "21/04/2015"
    },
    {
      "id": 2,
      "name": "FTSE 250",
      "ticker": "MCX",
      "value": 465820.85,
      "change": 100,
      "percent": 2.3,
      "high": 465880.12,
      "low": 465810.74,
      "yearHigh": 478990.34,
      "yearLow": 465320.23,
      "open": 69600.54,
      "close": 699000.97,
      "constituents": null,
      "runDate": "21/04/2015"
    },
    {
      "id": 3,
      "name": "FTSE All-Share",
      "ticker": "ASX",
      "value": 236549.23,
      "change": 100,
      "percent": 2.3,
      "high": 236949.23,
      "low": 236149,
      "yearHigh": 246949.21,
      "yearLow": 235549.29,
      "open": 236519.23,
      "close": 236649.23,
      "constituents": null,
      "runDate": "21/04/2015"
    },
    {
      "id": 4,
      "name": "Euro Stoxx 50",
      "ticker": "STOXX50E",
      "value": 123469.87,
      "change": 100,
      "percent": 2.3,
      "high": 123499.87,
      "low": 123439.87,
      "yearHigh": 123499.87,
      "yearLow": 123169.87,
      "open": 123465.87,
      "close": 123459.87,
      "constituents": null,
      "runDate": "21/04/2015"
    },
    {
      "id": 5,
      "name": "S&amp;P 500 ",
      "ticker": "S500",
      "value": 358976.36,
      "change": 100,
      "percent": 2.3,
      "high": 358986.36,
      "low": 358946.36,
      "yearHigh": 359976.36,
      "yearLow": 357976.36,
      "open": 358970.36,
      "close": 358996.36,
      "constituents": null,
      "runDate": "21/04/2015"
    },
    {
      "id": 6,
      "name": "Dow Jones I.A.",
      "ticker": "INDU",
      "value": 456789.36,
      "change": 100,
      "percent": 2.3,
      "high": 456799.36,
      "low": 456779.36,
      "yearHigh": 456889.36,
      "yearLow": 456689.36,
      "open": 456729.36,
      "close": 456779.36,
      "constituents": null,
      "runDate": "21/04/2015"
    },
    {
      "id": 7,
      "name": "GOLD",
      "ticker": "",
      "value": 500,
      "change": 100,
      "percent": 2.3,
      "high": 700,
      "low": 300,
      "yearHigh": 1500,
      "yearLow": 350,
      "open": 450,
      "close": 470,
      "constituents": null,
      "runDate": "21/04/2015"
    },
    {
      "id": 8,
      "name": "Brent Crude",
      "ticker": "",
      "value": 112,
      "change": 100,
      "percent": 2.3,
      "high": 115,
      "low": 107,
      "yearHigh": 200,
      "yearLow": 72,
      "open": 110,
      "close": 115,
      "constituents": null,
      "runDate": "21/04/2015"
    }
  ]
  </code></pre>