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