title: Angular4 Error trying to diff '[object Object]'
body: <p>I'm trying to display some info in the dom but I get this error:</p>
  
  <blockquote>
    <p>Error: Error trying to diff '[object Object]'</p>
  </blockquote>
  
  <p>What Im trying to do is iterate over this data from <a href="https://www.surbtc.com/api/v2/markets/btc-clp/ticker" rel="nofollow noreferrer">https://www.surbtc.com/api/v2/markets/btc-clp/ticker</a>:</p>
  
  <blockquote>
    <p>{"ticker":{"last_price":["1771455.0","CLP"],"min_ask":["1771432.0","CLP"],"max_bid":["1660003.0","CLP"],"volume":["178.37375119","BTC"],"price_variation_24h":"-0.107","price_variation_7d":"-0.115"}}</p>
  </blockquote>
  
  <p>I want to display it in the html like this:</p>
  
  <pre><code>&lt;div *ngFor="let price of prices"&gt;
      {{price.min_ask}}
      &lt;/div&gt;
  </code></pre>
  
  <p>this is the service.ts:</p>
  
  <pre><code>import { Injectable } from '@angular/core';
  import { Http, Headers, Response } from '@angular/http';
  import 'rxjs/add/operator/toPromise';
  import {Observable} from "rxjs";
  import 'rxjs/Rx';
  import 'rxjs/add/operator/catch';
  import { SurbtcMarket } from './surbtcmarket'
  
  
  @Injectable()
  export class SurbtcService {
  
    constructor(private http: Http, private surBtcMarket : SurbtcMarket) { }
  
    public getPricess() :Observable&lt;SurbtcMarket&gt; {
      return this.http.get('https://www.surbtc.com/api/v2/markets/btc-clp/ticker')
      .map((response: Response) =&gt; response.json());
    }
  
  }
  </code></pre>
  
  <p>Interface surbtcmarket.ts</p>
  
  <pre><code>export class SurbtcMarket {
  public ticker: SurbtcMarketView[];
  }
  
  export class SurbtcMarketView {
    public last_price : number;
    public min_ask : number;
    public max_bid : number;
    public volume : number;
    public price_variation_24h : number;
    public price_variation_7d : number;
  }
  </code></pre>
  
  <p>component.ts</p>
  
  <pre><code>import { Http, Response, Headers } from '@angular/http';
  import { SurbtcService } from '../../surbtc/surbtc.service';
  import {Observable} from "rxjs";
  
  @Component({
    selector: 'app-comprarltc',
    templateUrl: './comprarltc.component.html',
    styleUrls: ['./comprarltc.component.scss']
  })
  export class ComprarltcComponent implements OnInit {
  
    private prices = [];
  
    constructor(private surbtcService: SurbtcService) {
      this.surbtcService = surbtcService;
    }
  
  ngOnInit(){
    this.surbtcService.getPricess()
    .subscribe(
      data =&gt; this.prices = data.ticker
    );
  }
  }
  </code></pre>