NG-Repeat仅工作一次angularJS

时间:2014-06-04 19:02:37

标签: angularjs

我试图重复一些Json,但它只显示第二个日期而不是第一个日期,任何想法都是为什么?

我做了一个承诺,它只获得了Json的第二个日期元素。

我一直在用承诺输出它,但只有月份的元素:8正在返回,所以我有点不知道为什么。

JSON

[{
   "data":{
      "dates":{
         "month":7,
         "year":2014,
         "ind":[
            {
               "fDate":1406979844,
               "tDate":1425296644,
               "id":1,
               "type":"Weekend",
               "price":22
            }
         ]
      },
      "dates":{
         "month":8,
         "year":2014,
         "ind":[
            {
               "fDate":1406979844,
               "tDate":1425296644,
               "id":2,
               "type":"Midweek",
               "price":234
            }
         ]
      }
   }
}]

HTML

<div class="row" ng-repeat="d in dates">
    <div class="col-lg-4 col-sm-6">
        <div class="table-responsive">
            <table class="table">
                <thead>
                    <tr>
                        <th>{{d.month}} - {{d.year}}</th>
                        <th>Duration</th>
                        <th>Price</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody ng-repeat="ind in d.ind">
                    <tr>
                        <td>{{ind.fDate}}</td>
                        <td>{{ind.type}}</td>
                        <td>{{ind.price}}</td>
                        <td><a class="colour" href="{{ind.id}}">Book</a></td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>


</div>

1 个答案:

答案 0 :(得分:0)

您的“日期”需要在数组中:

[{
   "data":
    [
      {"dates":..},
      {"dates":..}
    ]
}]

否则,您有两个在主JSON对象中命名相同的键(dates