Question

我已通过以下方式创建了一个Javascript对象：

$scope.initNews = function () {
    for (var i = 2013; i > 2000; i--) {
        $scope.news[i] = {};
        $scope.news[i]["year"] = Number(i);
        for (var j = 1; j <= 12; j++) {
            $scope.news[i][j] = {};
            $scope.news[i][j]["month"] = $scope.month_names[j-1];
        }
    }
};

但是ng-repeat似乎搞乱了它循环遍历项目的方式。

<ul ng-repeat="old_news_year in news">{{old_news_year.year}}
    <li ng-repeat="old_news_month in old_news_year">{{$index + 1}}. {{old_news_month.month}}</li>
</ul>

对于整个示例，请检查http://jsfiddle.net/tFewZ/1/

编辑
我的印象是（通过在代码中添加“调试器;”） AngularJS根据他们的条目循环访问条目 $$ hashKey而不是根据他们的Javascript索引...

仍然不了解第13个元素虽然......这是原型属性吗？

提前致谢。

最好的问候，
纪尧姆

Answer 1

解决方案是使用$ index而不是收集方法（'in'）。

<ul ng-repeat="old_news_year in news">{{old_news_year.year}}
    <li ng-repeat="old_news_month in old_news_year">
      {{$index + 1}}. {{old_news_year[$index+1].month}}
    </li>
</ul>

检查：http://jsfiddle.net/guillaume1978/XmSTK/2/

AngularJS ng-repeat搞乱订单

1 个答案: