Javascript 使用forEach的Angularjs

在我的angularjs项目中，我正在尝试遍历来自web服务的数据。我遇到的问题是：

在我的控制台日志中，它会显示每个项目及其信息，但当我尝试在html上显示它时，它只会显示所有数据的最后一项

HTML

<ion-item ng-repeat="item in documents">{{item}}</ion-item>

我试图完成的是用数据列表填充应用程序。

---

非常感谢。（如果没有任何意义，请询问）

您实际上并没有将每条记录添加到数组中，您只是将迭代项分配给数组。因此，您看到的唯一内容是最后一条记录。您可以添加

.push（）

，将每个迭代记录添加到数组的末尾

 var ar = [];

 angular.forEach(obj, function(index, element) {
     angular.forEach(index, function(indexN, elementN) {
         ar.push({id: indexN.QuoteID, quotenum: indexN.QuoteNumber});
     });
 });

 $scope.documents = ar;

---

此外，您应该在嵌套迭代结束时分配

ar

。

实际上并不是将每条记录添加到数组中，而是将迭代项分配到数组中。因此，您看到的唯一内容是最后一条记录。您可以添加

.push（）

，将每个迭代记录添加到数组的末尾

 var ar = [];

 angular.forEach(obj, function(index, element) {
     angular.forEach(index, function(indexN, elementN) {
         ar.push({id: indexN.QuoteID, quotenum: indexN.QuoteNumber});
     });
 });

 $scope.documents = ar;

此外，您应该在嵌套迭代结束时分配

ar

。

您可以尝试：

.success(function(data) {
    var obj = data;
    $scope.documents  = [];

    angular.forEach(obj, function(index, element) {

        angular.forEach(index, function(indexN, elementN) {
            $scope.documents.push( {id: indexN.QuoteID, quotenum: indexN.QuoteNumber});

            console.log($scope.documents);
        });

    });

    console.log(data);
})

你可以试试：

.success(function(data) {
    var obj = data;
    $scope.documents  = [];

    angular.forEach(obj, function(index, element) {

        angular.forEach(index, function(indexN, elementN) {
            $scope.documents.push( {id: indexN.QuoteID, quotenum: indexN.QuoteNumber});

            console.log($scope.documents);
        });

    });

    console.log(data);
})

---

您需要

ar.push（{id:…}）

I猜测，而不是将

ar

重新分配给您需要

ar.push（{id:…}）

I猜测，而不是将

ar

重新分配给object@RenaldoGeldenhuis很乐意帮忙@RenaldoGeldenhuis很乐意帮忙！