$ httpサービスでJSON配列が機能しない

Question

ng-repeatのネストされたアプリケーションを開発しようとしていて、formを提出した後、rest apiになるはずです。 rest apiを呼び出すために$httpを使用しています。コードは通常のデータで と提出されますが、 saveボタンをクリックすると、ネストされたng-repeatと提出されません。以下では、コードに詳細を示しました。 データ全体をconsoleに表示する必要があります。私はどこかで 間違いをしたかもしれません。事前におねがいします。

JS

$scope.saveVenFormData = function(vendet){ 
    console.log($scope.vendet); 
    $scope.venFullAddress.push({ 
     'vendorName': $scope.name, 
     'panNum': $scope.panNum, 
     'personName': $scope.venBusDetails.personName, 
     'mobileNum': $scope.venBusDetails.mobileNum, 
     'workNum': $scope.workNum, 
     'emailid': $scope.emailid, 
     'addressLine1': $scope.addressLine1, 
     'addressLine2': $scope.addressLine2, 
     'city': $scope.city, 
     'state': $scope.state 
     }); 
    var dataObj = $scope.venFullAddress; 
    // console.log($scope.dataObj); 

    $http.get('/showVendors').success(function(data){ 
     console.log(angular.toJson(data)); 
    }); 
    var res = $http.post('http://localhost:8080/dman/mm', dataObj); 
    res.success(function(data, status, headers, config) { 
     $scope.message = data; 
    }); 
    res.error(function(data, status, headers, config) { 
     alert("failure message: " + JSON.stringify({data: data})); 
    }); 
}; 

JSON構造：

{ 
"vendor": { 
    "vendorName": "", 
    "panNum": "", 
    "venBusDetails": [{ 
      "personName": "", 
      "mobileNum": "", 
      "workNum": "", 
      "emailid": "", 
      "venContDetails": [{ 
        "addressLine1": "", 
        "addressLine2": "", 
        "city": "", 
        "state": "" 
       }] 
     }] 
    } 
} 

https://plnkr.co/edit/nP8R92KNkz8JEHpvH56S?p=catalogue 私はJSON構造を追加した利便性のために。フォームの データにアクセスし、残りのAPIを押す必要があります。 上記はプランカへのリンクです。ありがとうございました。

Answer 1

あなたはJSファイルで$scope.nameを使用していますがng-model="vendet.vendorName"を使用HTMLビューでこの

$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 

を試してみてください。その理由は常にundefinedです。

UPDATED ANSWER Plunk LINK IS HERE