使用JSON对象Angular 2填充组件中的数组

时间:2017-11-06 01:24:04

标签: javascript arrays json angular

我正在尝试访问JSON响应中的键和值以填充数组。此数组当前为空,用于chart.js。 API:https://api.coindesk.com/v1/bpi/historical/close.json的密钥和值每24小时更改一次,即:

{"bpi":
  {"2017-10-06":4370.245,
  "2017-10-07":4437.0338,
  }
}

数组'数据'需要在component.ts文件中填充,而不是在模板或.html文件中填充

chartData = [
    { data: [], label: 'Bitcoin' },
  ];

为了澄清,我正在尝试填充阵列数据'使用' 4370.245'等值它们来自上述网址的http.get请求。

1 个答案:

答案 0 :(得分:1)

试试这个

point3*

按照coomment编辑

chartData = [
    { data: [], label: 'Bitcoin' },
  ];

let arrayData = chartData[0].data;//this will return you data inside chartData

    var outputData = []

    var keysArray = Object.keys(tmpObj.bpi)
    for (var key in tmpObj.bpi) {
        if (tmpObj.bpi.hasOwnProperty(key )) {
            outputData.push(tmpObj.bpi[key])
        }
    }
    console.log(outputData);