AngularJS不迭代我的JSON响应对象

-1

我有一个Json对象，来自$http.post调用的响应对象。AngularJS不迭代我的JSON响应对象

{ 
    "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}}

在此先感谢。

来源

2016-08-18 Pete

可以添加你在哪里分配的范围变量的响应代码的“口”键？ –

您需要在ports.ports中执行''因为数组实际上位于json对象的'ports'键 –

中，或者您可以执行'$ scope.ports = portData.ports '而不是 –

你需要做<tr ng-repeat="port in ports.ports">因为数组实际上是JSON对象

来源

2016-08-18 14:46:17

* javascript对象 –

AngularJS不迭代我的JSON响应对象

回答

相关问题