在Angular 4中可以观察到，NgFor只支持绑定到迭代项（如数组）

Question

是的，我看到其他人得到了这个错误，我只是不太明白如何在我的代码中修复它

private _url = 'https://min-api.cryptocompare.com/data/pricemulti?fsyms=BTC,ETH,LTC,EOS,DASH&tsyms=USD'

如果我没有返回，它不会因错误而崩溃，但我确实希望返回数据。

getAllCoins() {

    var blah = [];

    return this.getCoins().subscribe(
        data => {
            blah = data;               
            //console.log('subscriber coins', blah)
        }
    )

}

getCoins() {
    return this.http.get(this._url)
        .map((response: Response) => response.json())
        //.do(data => console.log(data))
        .do(data => console.log('All: ' + JSON.stringify(data)))  // do operator to peek 
        .catch(this.handleError);
}

{
"BTC": {
  "USD": 3349.1
},
"ETH": {
  "USD": 296.3
},
"LTC": {
  "USD": 47.56
},
"EOS": {
  "USD": 1.83
},
"DASH": {
  "USD": 195.83
}
}

更新评论问题

@Component({
template: `
<div>test</div>
<div *ngFor="let coin of coinsList">
 abc
 </div>
`
})

Answer 1

正如其他人所说，*NGFOR只适用于迭代。

有几种方法可以克服这个问题。我现在想到的是：

1）可以将对象列表推送到数组中。

this._ConfigurationService.getCoins()
            .subscribe(
            (data)=> {
                for(let key in data){
                  this.coinsList.push(data[key]);
                }
            },
            (error) => console.log("error : " + error)
        );

<div *ngFor="let coin of coinsList">
    <span>{{coin | json}}</span>
</div>

为了简单起见，我的建议是使用第一个。