オブジェクトのプロパティにアクセスできない

Question

私は$resourceを使ってサーバーに安らかなリクエストをしています。 私のコードがある

service.js

.factory('userServ',function($resource){ 
    return $resource('url/:id',{id:'@id'},{ 
      me: 'GET',isArray:false,url:'url2'} 
}); 
}) 

私はこの

$scope.userDetails = userService.me(); 
console.log($scope.userDetails) // gives all the details of the user 
console.log($scope.userDetails.username) // gives undefined. But username is there in the object 

のようなコントローラでこのサービスを使用していますが、どのように私がアクセスできるオブジェクト

Answer 1

からのものあなたのaprroach、約束は解決されません。したがって、データにアクセスすることはできません。ここで 、

$scope.userDetails = userService.me(); 

約束は解決されません。オブジェクトを展開すると、resolved:falseが表示されます。あなたは$scope.userDetailsの中にあるデータを見ることができますが、あなたは必要です。

これで、約束が解決するまで待つ必要があります。このためには.thenメソッドを使用できます。

var CallApi = userService.me().$promise; //Promise yet to be Resolved 
     CallApi.then(function (res)){   //Promise resolved here 
     $scope.userDetails = res; 
     console.log($scope.userDetails) 
     console.log($scope.userDetails.username) 
     } 
    }) 

Answer 2

リソースオブジェクトは約束を返します。ここではそれについての詳細を読む：それからデータを取得するためにhttps://docs.angularjs.org/api/ngResource/service/$resource

var myResource = $resource('url/:id',{id:'@id'},{ 
     me: 'GET',isArray:false,url:'url2'} 
}); 

はあなたが約束自体のメソッドを呼び出す必要があります。彼らはGET、PUT、SAVEです。

しかし、ここではGETしか言及していません。だから、

あなたの約束が今

var myResult = []; 
myResource.then(function(data){ 
    myresult = date; 
}); 

を呼び出すことによって解決した場合、「myResult」ここはあなたの返されたデータを持っています。

はまた、この（）のように呼び出すことができます。

.get({userId:123}) 
.$promise.then(function(user) { 
    $scope.user = user; 
}); 

は再び私はより良い理解を得るために、角のドキュメントを読むことをお勧めします。