Angular IONIC v3获取CoinMArketCap API数据

我想在爱奥尼亚的帮助下展示市场上所有可用的加密硬币的列表

我已经为此使用了coinmarketcap api

我已经参考了本教程->

我面临的问题是，我无法列出所有的硬币。我能够从api中检索数据，但我想在显示数据时会出现问题

api返回的数据

{
“数据”：[
{
“id”：1，
“名称”：“比特币”，
“符号”：“BTC”，
“网站”\u slug:“比特币”
}, 
{
“id”：2，
“名称”：“莱特币”，
“符号”：“LTC”，
“网站”\u slug:“litecoin”
}, 
...
},
“元数据”：{
“时间戳”：1525137187，
“num_加密货币”：1602，
“错误”：空
}
]

建议使用。通过转换为承诺，您将失去取消请求的能力和链接

RxJS

操作员的能力。

修改代码：

import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/operator/map';
@Injectable()
export class RestProvider {

apiUrl = 'https://api.coinmarketcap.com/v2/listings/'; 

constructor(public http: HttpClient) {
console.log('Hello RestProvider Provider');
}

getAllCoinsListing() {

 return this.http.get(this.apiUrl).map(res=>{return res['data']});//return data of result
}
}

Market.ts

     import { Component } from '@angular/core';
        import { NavController } from 'ionic-angular';
        import { RestProvider } from '../../providers/rest/rest';

            @Component({
              selector: 'page-market',
              templateUrl: 'market.html'
            })
            export class MarketPage {

              marketData: Array<any>=[];
             //your API returns an array of object

              constructor(public navCtrl: NavController, public restProvider: 
                       RestProvider) {
                      this.getAllCoinsListing();
              }

             getAllCoinsListing() {
           this.restProvider.getAllCoinsListing().
        subscribe(data=>this.marketData=data);

  }

            }

从'@angular/core'导入{Component}；
从'ionic angular'导入{NavController}；
从“../../providers/rest/rest”导入{RestProvider}；
@组成部分({
选择器：'页面市场'，
templateUrl:'market.html'
})
导出类市场页面{
marketData:Array
更改
marketData:any；
更改为
marketData:any[]；
并更改
this.marketData=data.data；
很高兴我能帮上忙：）