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

Question

我有一个 Controller ，它返回一个 json 数组，其中包含一个索引 - 一个包含三个不同属性的 json 字符串 -whiteLedvalue - blueLedValue -各种ColorLedValue。

在我的 Controller 中我有这样的东西:

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 字符串。

Answer 1

您是否已将 json 字符串解析为 JavaScript 数组？

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

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