htmlページのangularjsにデータを表示

Question

私はangularjsを使ってプロジェクトを作成しています。

を私はのようなJSONを持っている：私は、データを表示しながら、問題を抱えている

$scope.customerContracts =  [{ 
     "description": null, 
     "latency": "1", 
     "linkid": "26149e91-f6c8-47fb-a10d-691e76486871", 
     "contracts": [{ 
     "contractid": "26149e91-f6c8-47fb-a10d-691e76486871.2", 
     "duration": 7200, 
     "bandwidth": 300000, 
     "price": 0, 
     "contractStatus": 8, 
     "version": 1560, 
     "deletedtimestamp": 0, 
     "currencyID": "1", 
     "renewal-option": 1, 
     "contract-start-time": 1461918999000, 
     "contract-end-time": 1461926198000 
     }], 

     "tag": null, 
     "connections": ["49b33cd1-5722-4e8e-b40c-03c3407c5efe", "cd354769-d52a-414e-bb7c-f0e0690ddf3b"], 
     "type": "0", 
     "linkStatus": 6, 
     "billing-id": "5f1dd7c5-c48b-44ed-be14-cf2a8730fe27" 
    }] 

ここhtml.Iに使用している私のコードは私が間違っているつもりですどこを知らないされています

<tr ng-repeat="contract in customerContracts.contracts"> 
        <td>{{contract.contractid}}</td> 
        <td>{{contract.contractStatus}}</td> 
        <td>{{contract.bandwidth}}</td> 
        <td>{{contract["contract-start-time"]}}</td> 
          <td>{{contract["contract-end-time"]}}</td> 
        <td>{{contract["renewal-option"]}}</td> 
        <td>{{contract.price}}</td> 
        <td><span class="icon_delete" ng-click="deleteInformation()"></span></td> 
       </tr> 

Answer 1

customerContractsあなたが最初にng-repeatを持っていなければならない配列であり、次に契約を引き継ぐ。以下のような

何か：

<div ng-repeat="contracts in customerContracts"> 
<...> 
<tr ng-repeat="contract in contracts.contracts"> 
        <td>{{contract.contractid}}</td> 
        <td>{{contract.contractStatus}}</td> 
        <td>{{contract.bandwidth}}</td> 
        <td>{{contract["contract-start-time"]}}</td> 
          <td>{{contract["contract-end-time"]}}</td> 
        <td>{{contract["renewal-option"]}}</td> 
        <td>{{contract.price}}</td> 
        <td><span class="icon_delete" ng-click="deleteInformation()"></span></td> 
       </tr> 
<...> 
</div>