Angular 2超文本传输协议获取对象数组

Question

我目前正在与Angular2和Ionic2一起练习。我想从API检索数据（例如：https://www.cryptocompare.com/api/data/coinlist/). 要检索我使用load方法创建的提供程序中的数据，请执行以下操作：

load() {
if (this.currencies) {
  // already loaded data
  console.log('already has data');
  return Promise.resolve(this.currencies);
}

var url = this.baseUrl + '/coinlist';

// don't have the data yet
return new Promise(resolve => {
  this.http.get(url)
    .map(res => res.json().Data)
    .subscribe(data => {
      this.currencies = data;
      resolve(this.currencies);
      console.log(this.currencies);
    });
}); 
}

为了显示数据，我制作了以下模板结构：

<ion-row *ngFor="let currency of currencies | orderBy : ['-Name'] | keys" (click)="itemTapped($event, currency)">
    <ion-col width-10>
    1
    </ion-col>
    <ion-col width-60>
    {{currency.Name}}
    </ion-col>
    <ion-col width-30>
    {{currency.FullName}}
    </ion-col>
  </ion-row>
  <ion-row>

这里我使用管道，因为响应是对象。然而，我似乎不能使它工作。log告诉我，响应仍然是带有对象的对象，我猜问题就在那里。（console.log在控制台中也显示两次？）

Console:Console.log的this.currences

作为参考，Pipe类：

@Pipe({name: 'keys'})
export class KeysPipe implements PipeTransform {
  transform(value, args:string[]) : any {
    if (!value) {
      return value;
    } 
    let keys = [];
    for (let key in value) {
      keys.push({key: key, value: value[key]});
    }
    return keys;
  } 
}

该视图显示一个空列表，并且控制台中没有输出错误。有人知道怎么解决吗？非常感谢

Answer 1

我可能错了，但它与AngularJS 1. x一起工作。

不使用对象，而是将其更改为数组：

$http.get('/*request*/').success(function(data){
angular.forEach(data, function(value, key){
    users.push(value);
});
/*your code*/
});