如何访问json响应的各个组件 - Angular

时间:2015-12-19 23:31:39

标签: javascript arrays angularjs

我有一个控制器,它返回一个带有一个索引的json数组 - 一个包含三个不同属性的json字符串 - whiteLedvalue - blueLedValue - variousColorLedValue。

在我的控制器中,我有类似的东西:

function getLedData()
{
  ledService.getLedData()
  .then(function(response){
    ctrl.ledData = response.data;
  });
}

在我的仪表板HTML文件中,我有这个:

  `<tr ng-repeat="led in ctrl.ledData">
    <td> LED Value</td>
    <td >
        {{ led }}
    </td>
  </tr>`

我想只访问白色值并将它们放在td中,然后将蓝色放在另一个td等中....

我试过了:

`<tr ng-repeat="led in ctrl.ledData.whiteLedValue">
    <td> LED Value</td>
    <td >
        {{ led }}
    </td>
 </tr>`

它不起作用。我假设它有一些事情要做,因为我正在返回一个数组,我需要访问正确的索引。但我似乎无法弄清楚我是否应该将白/蓝/各种值设置为自己的ctrl.whatever或者我应该尝试在html中访问它们。获得这些单独领域的任何帮助都会很棒。我能让它工作的唯一方法是返回整个json字符串。

1 个答案:

答案 0 :(得分:1)

您是否将json-string解析为javascript数组呢?

ctrl.ledData = JOSN.parse(response.data);

进一步阅读: https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse