パラメータのURLからデータを渡す

Question

URLのオブジェクトをパラメータに渡す必要があります。印刷するときは、「CONSOLE.LOG（日付）は、」私は契約パラメータaprece「データ[オブジェクトのオブジェクト]を印刷しよう

var url = 'http://localhost:55239/api/reports/contracts/'; 
    $http.get(url) 
     .success(function (data) { 
      var contract = data; 
      console.log("Dados "+ contract); 
      console.log(data); 
     }) 

Answer 1

実際に必要なデータがそうresponse

のdataプロパティで、コードは、

var url = 'http://localhost:55239/api/reports/contracts/'; 
    $http.get(url) 
     .then(function (res) { 
      var contract = res.data; 
      console.log("Dados="); 
      console.log(contract); 
     }, function(err){ 
      console.log(err); 
     }) 

また、あなたがオブジェクトに文字列を追加しているので"Data [object Object]取得し、それゆえされているべきであることになりますブラウザはオブジェクトを文字列として表示しようとしています。

したがって、contractのデータは"Dados="とは別にcontractとなり、データがきれいできれいに表示されます。

疑いありませんか？コメントで尋ねる

Answer 2

あなたがアクセスできるオブジェクトの値を割り当てる必要がしかしとき、大丈夫です.（ドット）演算子を使用して、contractオブジェクトのプロパティ

IE：。

console.log(contract.myProperty);

Answer 3

だけしてみてください。 var url = 'http://localhost:55239/api/reports/contracts/'; $http.get(url) .success(function (data){ var contract = data.data; console.log("Dados "+ contract); console.log(data); })

あなたが電話すると、あなたがした要求の応答に関連する情報が届きます。 たとえば、data.statusを実行すると、server.data.daaから受信したステータスコードが実際の応答を返します。

Answer 4

データはJSONオブジェクトのようです。

あなたは、文字列でそれをプリントアウトする

console.log("Dados " + JSON.stringify(contract));

を使用することができます。

Answer 5

あなたは正しい方法でいる。

問題は、あなたがオブジェクトcontractを文字列 'Dados'と連結してコンソールログに記録していることです。そのため、コンソールには文字列に変換されているので、contract as [object]が表示されます。 console.log(contract)を実行すると、コンソールログにオブジェクトがシリアル化されて表示されます。

Pt-BR：メタデータとメタデータとメタデータとメタデータとメタデータとメタデータとメタデータとメタデータとの間の関係性。

はTHEN SUCCESSとの両方を使用して、私のスニペットを参照してください：

var myApp = angular.module('myApp',[]); 
 

 
myApp.controller('myAppController', ['$scope', '$http', function($scope, $http){ 
 
    
 
    $scope.appTitle = "Http demo"; 
 
    $scope.contractUsingSuccess = []; 
 
    $scope.contractUsingThen = []; 
 
    $scope.loadingPostsSuccess = true; 
 
    $scope.loadingPostsThen = true; 
 
    
 
    var url = 'http://jsonplaceholder.typicode.com/posts'; 
 

 
    $http.get(url) 
 
    .then(function (response) { 
 
    $scope.contractUsingThen = response.data; 
 
    $scope.loadingPostsThen = false; 
 
    }); 
 
    
 
    $http.get(url) 
 
    .success(function (contract) { 
 
    $scope.contractUsingSuccess = contract; 
 
    $scope.loadingPostsSuccess = false; 
 
    }); 
 
}]);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 

 
<div ng-app="myApp"> 
 
    <div ng-controller="myAppController"> 
 
    <h1 ng-bind="appTitle"></h1> 
 
    
 
    <h2>Using Success</h2> 
 
    <div ng-show="loadingPostsSuccess">Loading posts from API with SUCCESS...</div> 
 
    <ul ng-show="!loadingPosts"> 
 
     <li ng-repeat="item in contractUsingSuccess" ng-bind="item.title"></li> 
 
    </ul> 
 
    
 
    <h2>Using Then</h2> 
 
    <div ng-show="loadingPostsThen">Loading posts from API whit THEN...</div> 
 
    <ul ng-show="!loadingPosts"> 
 
     <li ng-repeat="item in contractUsingThen" ng-bind="item.title"></li> 
 
    </ul> 
 
    </div> 
 
</div>