*ngFor on object angular2
<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>