AngularJS没有迭代我的JSON响应对象

时间:2016-08-18 14:24:58

标签: angularjs angularjs-ng-repeat

我有一个 Json对象,来自$http.post调用的响应对象。

{
  "ports": [
    {
      "portColour": "Kth Rd",
      "portLabel": "MCE1000_Ant2_Lo01",
      "portType": "Low",
      "portXdi": "NSMSETBS~MOSAESMN=148823",
      "portTag": "Lo01",
      "portElectricalTilt": 8,
      "portOperators": [
        {
          "name": "MCE1000_Ant2_Lo01_1",
          "xdi": "NSMSETBS~MOSPOPMN=148865",
          "portOperator": "H3G",
          "portOperatorSector": "B",
          "portOperatorTechnologies": "L8/U9"
        }
      ],
      "bands": [
        {
          "name": "MFG00056099",
          "xdi": "NSMSETBS~NSMANBMN=148826",
          "freq": "900"
        },
        {
          "name": "MFG00056098",
          "xdi": "NSMSETBS~NSMANBMN=148825",
          "freq": "800"
        }
      ]
    },
    {
      "portColour": "Kth Bl/Wh",
      "portLabel": "MCE1000_Ant2_1801",
      "portType": "1800",
      "portXdi": "NSMSETBS~MOSAESMN=148836",
      "portTag": "1801",
      "portElectricalTilt": 3,
      "portOperators": [
        {
          "name": "MCE1000_Ant2_1801_1",
          "xdi": "NSMSETBS~MOSPOPMN=148858",
          "portOperator": "H3G",
          "portOperatorSector": "B",
          "portOperatorTechnologies": "L18"
        }
      ],
      "bands": [
        {
          "name": "MFG00056104",
          "xdi": "NSMSETBS~NSMANBMN=148838",
          "freq": "1800"
        }
      ]
    },
    {
      "portColour": "Kth Bl",
      "portLabel": "MCE1000_Ant2_2101",
      "portType": "2100",
      "portXdi": "NSMSETBS~MOSAESMN=148846",
      "portTag": "2101",
      "portElectricalTilt": 2,
      "portOperators": [
        {
          "name": "MCE1000_Ant2_2101_1",
          "xdi": "NSMSETBS~MOSPOPMN=148861",
          "portOperator": "H3G",
          "portOperatorSector": "B",
          "portOperatorTechnologies": "U21"
        }
      ],
      "bands": [
        {
          "name": "MFG00056110",
          "xdi": "NSMSETBS~NSMANBMN=148847",
          "freq": "2100"
        }
      ]
    }
  ]
}

我将它设置在范围端口模型上。

$scope.ports = portData;

在我的html文件中,我正在迭代它..

<table>
<tr ng-repeat="port in ports">
   <td>{{port.portLabel}}</td>
    <td>{{port.portColour}}</td>
...
</tr>
</table>

但我什么都没有显示出来。

我正在输出{{ports}}并查看上述文字。

{{ports}}

提前致谢。

1 个答案:

答案 0 :(得分:3)

你需要做<tr ng-repeat="port in ports.ports">因为数组实际上在json对象的'ports'键中