如何訪問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