使用ng-repeat在html中打印出数组

Question

我的控制器中有一系列双打（最终变成双打）我试图使用ng-repeat在我的网页上打印，但我不确定该怎么做。数组只是“：

vm.calorieArray = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0];

其中vm是我的控制器的别名。

在我的html中，我有一个看起来像这样的div，试图将其打印出来：

<div ng-repeat="value in vm.calorieArray">
    {{value}}<br />
</div>

但页面上没有显示任何内容。有没有人看到这个问题？

Answer 1

问题可能是因为ng-repeat中不允许重复值。有关该问题的示例，请参阅this plunker。 （打开你的开发控制台以查看JS错误）可以找到错误的描述here。

简而言之，您应该使用'track by $ index'，如下所示：

<div ng-repeat="value in calorieArray track by $index">
    {{value}}<br />
</div>

Answer 2

以下是您的示例工作的小提琴：http://jsfiddle.net/JKBbV/743/

控制器非常简单：

myApp.controller("myCtrl", function($scope) {
    $scope.values = [0,0,0,0,0.1];
});

我的猜测是你的应用没有正确初始化，或者你没有正确地将你的数组绑定到$scope。