$ httpを使用してJSON応答を解析中にエラーが発生しました

Question

[ 
    { 
     "dueAmount": 400, 
     "paidAmount": 0, 
     "balanceAmount": 400, 
     "invoiceNo": "VA019_203829", 
     "planName": null, 
     "schemeName": null, 
     "connectionStatus": null 
    } 
] 

私は郵便配達員からこの応答を受け取りました。しかし、私は私のページから、これらの内容を読み取るしようとすると、それは「未定義」

$http({ 
method:'POST', 
url: 'http://10.10.1.200:8081/SelfCare/customer/getInvoiceDetails', 
headers: { 
      'Content-Type': 'application/json', 
      'Accept': 'application/json' 
     }, 
data: JSON.stringify(getID) 
     }).then(function (response) { 
     $scope.invoice = response.invoiceNo; 
     alert($scope.invoice); 
} 

そのは常にあなたが$scope.invoice = response.invoiceNo;

$scope.invoice = response.data[0].invoiceNo;によりを置き換える変更を行う必要があり 未定義

Answer 1

使用

$scope.invoice = response.data[0].invoiceNo; 

代わりの

$scope.invoice = response.invoiceNo; 

Answer 2

に警告を返します。あなたの応答はdataにカプセル化されます。