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

Question

我有一个控制器，它返回一个带有一个索引的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。无论如何还是应该尝试在html中访问它们。 获取这些单独字段的任何帮助都将非常有用。 我可以使它工作的唯一方法是返回整个json字符串。

Answer 1

您是否已将json-string解析为javascript数组？

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

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