title: *ngFor on object angular2
body: <p>I'm getting a JSON file from an api,</p>
  
  <p>as you can see there is an Object inside an Object called "rates"
  unfortantly *ngFor can walk through on array only.
  I am looking for something that I can get the "Key" and "Value"
  like</p>
  
  <pre><code>for(var var in obj)
  </code></pre>
  
  <p>for example get access to "AUD:0.41852"</p>
  
  <pre><code>{
   "base":"BRL",s
   "date":"2016-10-27",
   "rates":{
   "AUD":0.41852,
   "BGN":0.57085,
   "CAD":0.42629,
   "CHF":0.31634,
   "CNY":2.1623,
   "CZK":7.8871,
   "DKK":2.1709,
   "GBP":0.26023,
   "HKD":2.4734,
   "HRK":2.1894,
   "HUF":90.257,
   "IDR":4156.5,
   "ILS":1.2256,
   "INR":21.311,
   "JPY":33.388,
   "KRW":364.6,
   "MXN":5.9721,
   "MYR":1.3381,
   "NOK":2.6227,
   "NZD":0.44646,
   "PHP":15.465,
   "PLN":1.2636,
   "RON":1.3146,
   "RUB":20.025,
   "SEK":2.8648,
   "SGD":0.44397,
   "THB":11.191,
   "TRY":0.98786,
   "USD":0.31893,
   "ZAR":4.4196,
   "EUR":0.29188
   }
  </code></pre>
  
  <p>}</p>
  
  <p>here is my code, the rate object should be in the lastest "ion-item"</p>
  
  <p>currency.html</p>
  
  <pre><code>&lt;ion-header style="direction:rtl;"&gt;
    &lt;ion-navbar&gt;
      &lt;ion-title&gt;
        המרת מטבע
      &lt;/ion-title&gt;
    &lt;/ion-navbar&gt;
  &lt;/ion-header&gt;
  &lt;ion-content padding style="direction:rtl;"&gt;
    &lt;ion-list&gt;
      &lt;ion-item&gt;
        &lt;ion-label&gt;בחר מטבע:&lt;/ion-label&gt;
        &lt;ion-select okText="אשר" cancelText="בטל" [(ngModel)]="selectCurrencyInput"&gt;
          &lt;ion-option value="BGN"&gt;BGN&lt;/ion-option&gt;
          &lt;ion-option value="BRL"&gt;BRL&lt;/ion-option&gt;
          &lt;ion-option value="CAD"&gt;CAD&lt;/ion-option&gt;
          &lt;ion-option value="CHF"&gt;CHF&lt;/ion-option&gt;
          &lt;ion-option value="CNY"&gt;CNY&lt;/ion-option&gt;
          &lt;ion-option value="CZK"&gt;CZK&lt;/ion-option&gt;
          &lt;ion-option value="DKK"&gt;DKK&lt;/ion-option&gt;
          &lt;ion-option value="GBP"&gt;GBP&lt;/ion-option&gt;
          &lt;ion-option value="HKD"&gt;HKD&lt;/ion-option&gt;
          &lt;ion-option value="HRK"&gt;HRK&lt;/ion-option&gt;
          &lt;ion-option value="HUF"&gt;HUF&lt;/ion-option&gt;
          &lt;ion-option value="IDR"&gt;IDR&lt;/ion-option&gt;
          &lt;ion-option value="ILS"&gt;ILS&lt;/ion-option&gt;
          &lt;ion-option value="INR"&gt;INR&lt;/ion-option&gt;
          &lt;ion-option value="JPY"&gt;JPY&lt;/ion-option&gt;
          &lt;ion-option value="KRW"&gt;KRW&lt;/ion-option&gt;
          &lt;ion-option value="MXN"&gt;MXN&lt;/ion-option&gt;
          &lt;ion-option value="MYR"&gt;MYR&lt;/ion-option&gt;
          &lt;ion-option value="NOK"&gt;NOK&lt;/ion-option&gt;
          &lt;ion-option value="NZD"&gt;NZD&lt;/ion-option&gt;
          &lt;ion-option value="PHP"&gt;PHP&lt;/ion-option&gt;
          &lt;ion-option value="ZAR"&gt;ZAR&lt;/ion-option&gt;
          &lt;ion-option value="PLN"&gt;PLN&lt;/ion-option&gt;
          &lt;ion-option value="RON"&gt;RON&lt;/ion-option&gt;
          &lt;ion-option value="RUB"&gt;RUB&lt;/ion-option&gt;
          &lt;ion-option value="SEK"&gt;SEK&lt;/ion-option&gt;
          &lt;ion-option value="SGD"&gt;SGD&lt;/ion-option&gt;
          &lt;ion-option value="THB"&gt;THB&lt;/ion-option&gt;
          &lt;ion-option value="TRY"&gt;TRY&lt;/ion-option&gt;
          &lt;ion-option value="USD"&gt;USD&lt;/ion-option&gt;
        &lt;/ion-select&gt;
      &lt;/ion-item&gt;
      &lt;ion-item&gt;
        &lt;ion-label&gt;כמות לחישוב&lt;/ion-label&gt;
        &lt;ion-input #amountCurrencyInput type="text"&gt;&lt;/ion-input&gt;
      &lt;/ion-item&gt;
      &lt;button ion-button (click)="calc({selectedCurrency:selectCurrencyInput,amountCurrency:amountCurrencyInput.value})"&gt;
        חשב מטבע
      &lt;/button&gt;
    &lt;/ion-list&gt;
    &lt;ion-list *ngIf="load" inset&gt;
      &lt;h2&gt;שער המטח נכון להיום: &lt;span&gt;{{results.date}}&lt;/span&gt;&lt;/h2&gt;
      &lt;h3&gt;המטבע הנבחר: {{results.base}}&lt;/h3&gt;
      &lt;ion-item&gt;
        &lt;!-- Object should run here.--&gt;
      &lt;/ion-item&gt;
    &lt;/ion-list&gt;
  &lt;/ion-content&gt;
  </code></pre>
  
  <p>currency.ts</p>
  
  <pre><code>import {Component} from '@angular/core';
  import {NetworkServices} from '../../services/network';
  
  
  @Component({
    selector: 'currency-page',
    templateUrl: 'currency.html',
    providers: [NetworkServices]
  })
  export class CurrencyPage {
    public load: any;
    public results: any;
  
    constructor(public networkServices: NetworkServices) {
      this.load = false;
    }
  
    calc(details) {
      this.networkServices.getCurrency(details).then((result) =&gt; {
        this.load = true;
        this.results = result;
      });
    }
  }
  </code></pre>
  
  <p>thx you guys :)</p>