javascript - 如何将数据传递给foreach内部的angularjs foreach

Question

我已经添加了我想要循环的代码和 json。我已经使用 foreach 循环循环了 $scope.data 并推送到 $scope.tempObj，它工作正常。但是当我尝试循环 $scope.data.policyDocumentContentCollection 并推送到 $scope.tempObj.nested 时，它会出现控制台错误“无法读取未定义的属性‘push’” .我能知道如何将第二个 foreach 数据推送到 $scope.tempObj 中的嵌套数组吗？

$scope.data = [
   {
      "policyNo":"DBDP18S016696",
      "renewalNo":"001",
      "endorseNo":"001",
      "productDesc":"TBD",
      "policyDocumentContentCollection":[
         {
            "docType":"Credit Note1"
         },
         {
            "docType":"Tax Invoice1"
         }
      ]
   },
   {
      "policyNo":"DBDP18S016697",
      "renewalNo":"001",
      "endorseNo":"001",
      "productDesc":"TBD",
      "policyDocumentContentCollection":[
         {
            "docType":"Credit Note1"
         },
         {
            "docType":"Tax Invoice1"
         }
      ]
   },
   {
      "policyNo":"DBDP18S016698",
      "renewalNo":"001",
      "endorseNo":"001",
      "productDesc":"TBD",
      "policyDocumentContentCollection":[
         {
            "docType":"Credit Note1"
         },
         {
            "docType":"Tax Invoice1"
         }
      ]
   }
]



$scope.tempObj = [];

                    angular.forEach($scope.data, function (data) {
                        $scope.tempObj.push({
                            'id': data.policyNo,
                            'renewalNo': data.renewalNo,
                            'endorsementNo': data.endorseNo,
                            'product': data.productDesc,
                            'insuredName': data.holderName,
                            'periodOfInsurance': data.fromDate + ' to ' + data.toDate,
                            'nested': []
                        });
                        angular.forEach($scope.data.policyDocumentContentCollection, function (docs) {
                            $scope.tempObj.nested.push({
                                docName: docs.docType
                            })
                        });
                    });

Answer 1

您可以创建一个中间对象，以便能够将其插入当前元素。现在你不能，因为你插入 $scope.tempObj.nested 不存在，只有 $scope.tempObj[index].nested 存在，因为 $scope.tempObj 是一个数组。

angular.forEach($scope.data, function(data) {
  const element = {
    id: data.policyNo,
    renewalNo: data.renewalNo,
    endorsementNo: data.endorseNo,
    product: data.productDesc,
    insuredName: data.holderName,
    periodOfInsurance: data.fromDate + " to " + data.toDate,
    nested: []
  };

  angular.forEach(data.policyDocumentContentCollection, function(docs) {
    element.nested.push({
      docName: docs.docType
    });
  });

  $scope.tempObj.push(element);
});