使用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中不允許重復值。 有關此問題的示例，請參閱此插件 。 （打開您的開發控制台以查看JS錯誤）可以在此處找到錯誤的描述。

簡而言之，您應按以下方式使用“按$ 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 。