Javascript JSON数组不适用于$http服务

Javascript JSON数组不适用于$http服务,javascript,angularjs,json,Javascript,Angularjs,Json,我是angular的新手,正在尝试开发一个具有嵌套结构的应用程序 ng repeat并且在提交表单之后,它应该点击restapi。 我一直在使用$http进行restapi调用。代码被提交 使用正常数据,但不使用嵌套的ng repeat提交 单击保存按钮。下面我提供了详细的代码。 整个数据应显示在控制台中。我可能做了一些 有什么地方出错了。提前谢谢 JS JSON结构: { "vendor": { "vendorName": "", "panNum": "", "ven

我是angular的新手,正在尝试开发一个具有嵌套结构的应用程序
ng repeat
并且在提交
表单之后,它应该点击
restapi
。 我一直在使用
$http
进行
restapi
调用。代码被提交 使用正常数据,但不使用嵌套的
ng repeat提交
单击
保存
按钮。下面我提供了详细的代码。 整个数据应显示在
控制台中。我可能做了一些
有什么地方出错了。提前谢谢

JS JSON结构:
{
 "vendor": {
    "vendorName": "",
    "panNum": "",
    "venBusDetails": [{
            "personName": "",
            "mobileNum": "",
            "workNum": "",
            "emailid": "",
            "venContDetails": [{
                    "addressLine1": "",
                    "addressLine2": "",
                    "city": "",
                    "state": ""
                }]
        }]
   }
}
为了方便起见,我添加了一个json结构。我需要访问所有的 从表单中删除数据并点击RESTAPI。 上面是指向plunker的链接。谢谢。

试试这个

$scope.dataObjToPost = {
  "vendor": {
    "vendorName": $scope.vendet.vendorName,
    "panNum": $scope.vendet.panNum,
    "venBusDetails": [{
      "personName": $scope.venBusDetails[0].personName,
      "mobileNum": $scope.venBusDetails[0].mobileNum,
      "workNum": $scope.venBusDetails[0].workNum,
      "emailid": $scope.venBusDetails[0].emailid,
      "venContDetails": [{
        "addressLine1": $scope.venContDetails[0].addressLine1,
        "addressLine2": $scope.venContDetails[0].addressLine2,
        "city": $scope.venContDetails[0].city,
        "state": $scope.venContDetails[0].state
      }]
    }]
  }
} //And send this data to POST method
您在JS文件中使用了
$scope.name
,但在HTML视图中使用了
ng model=“vendet.vendorName”
。这就是为什么它总是
未定义的原因


。使用它。请。您还需要显示表单-这就是您的ng repeat所在的位置。当您等待此问题的答案时,请尝试编写一个只有一个表单元素和一个嵌套的
ng repeat
的小测试用例。有关详细信息,请参阅。@dev8080 Plunker演示就在那里。谢谢您的回答。如果增加了venBusDetails,那么我们将增加$index,因此将是venBusDetails[index]或id bcoz ngRepeat检查重复项。是的,它将根据阵列的长度。您可以在循环中准备这些数据,即数组的长度,即
venBusDetails
的长度,我希望这对您有所帮助
$scope.dataObjToPost = {
  "vendor": {
    "vendorName": $scope.vendet.vendorName,
    "panNum": $scope.vendet.panNum,
    "venBusDetails": [{
      "personName": $scope.venBusDetails[0].personName,
      "mobileNum": $scope.venBusDetails[0].mobileNum,
      "workNum": $scope.venBusDetails[0].workNum,
      "emailid": $scope.venBusDetails[0].emailid,
      "venContDetails": [{
        "addressLine1": $scope.venContDetails[0].addressLine1,
        "addressLine2": $scope.venContDetails[0].addressLine2,
        "city": $scope.venContDetails[0].city,
        "state": $scope.venContDetails[0].state
      }]
    }]
  }
} //And send this data to POST method