復雜的json ng-repeat

Question

我嘗試對這個對象進行ng-repeat，我嘗試了幾次，但仍然卡住了。 如果有人有想法，是否有可能分享這種情況的提示。

[
{
    "Abonnement": {
        "id": "1",
        "nom": "BAS PRIX",
        "tarif": "2.49",
        "communication": "2h de communication",
        "vers": "vers fixes et mobiles",
        "zone": "zone nationale"
    }
},
{
    "Abonnement": {
        "id": "2",
        "nom": "NATIONAL",
        "tarif": "9.99",
        "communication": "t\u00e9l\u00e9phonie et SMS illimit\u00e9s",
        "vers": "vers fixes et mobiles",
        "zone": "zone nationale"
    }
},
{
    "Abonnement": {
        "id": "3",
        "nom": "EURO",
        "tarif": "19.99",
        "communication": "t\u00e9l\u00e9phonie et SMS illimit\u00e9s",
        "vers": "vers fixes et mobiles",
        "zone": "zone EURO"
    }
}
]

Answer 1

如果數組存儲在$scope.abonnements下的作用$scope.abonnements ，這就是使用ng-repeat ：

<ul>
  <li ng-repeat="item in abonnements">{{ item.Abonnement.nom }}</li>
</ul>

看到這里： http : //jsfiddle.net/89b98cpd/

Answer 2

假設您已將對象命名為Abonnements

  $scope.Abonnement = [..your example json]

然后你就可以像這樣使用ng-repeat

  <div ng-repeat="Abonnement in Abonnements">
      id: {{Abonnement.Abonnement.id}}
  </div>

例如，使用Abonnement.Abonnement.id訪問信息。 因此，如果您想要版本，那就是Abonnement.Abonnement.vers 。