角度jsでJSONを印刷します。コンソールで見ることはできますが、同じものを印刷することはできません。

Question

非常に単純なものがありません。

私のコントローラでは、JSONオブジェクトを取得しています。コンソールで

app.controller("dashboardCtrl", ["$scope","authFactory","$location", function($scope,authFactory,$location){ 
    var userObj = authFactory.getUserObj(userObj); 
    console.log(userObj); 
    $scope.userObj = userObj; 

    var accessToken = authFactory.getAccessToken(); 
    console.log(accessToken); 
    $scope.accessToken = accessToken; 

    $scope.FBout = function(){ 
     FB.logout(function(response) { 
      authFactory.clearCookie(); 
      $location.path("/");  
      $scope.$apply(); 
     }); 
    }; 
}]); 

{"name":"Pavan Sudheendra","id":"539193599614696"} 

を次のように以下に示すように、私は応答を得る同じため、工場のコードは次のとおりです。

app.factory("authFactory",["$cookies","$location",function($cookies,$location){ 
    var authFactory = {}; 

    authFactory.setAccessToken = function(accessToken){ 
     $cookies.put("accessToken",accessToken); 
    } 

    authFactory.getAccessToken = function(){ 
     return $cookies.get("accessToken"); 
    } 

    authFactory.getUserObj = function(){ 
     var userObj = $cookies.get('userObj'); 

     if(userObj){ 
      return userObj; 
     } 
     else { 
      console.log("error"); 
     } 
    } 

    authFactory.clearCookie = function(){ 
     $cookies.remove("accessToken"); 
     $cookies.remove("userObj"); 
    } 

    authFactory.isAuthenticated = function(){ 
     var isLoggedIn=$cookies.get("accessToken")?true:false; 
     return isLoggedIn; 
    } 

    return authFactory; 
}]); 

が、私は、そのオブジェクトを使用しようとしていますフロントエンドで印刷します。

<h1> this is dashboard {{accessToken}} {{userObj.name}} </h1> 

のように私は、私はすべてのコントローラを含め、そこに工場をリンクして、事は、私がaccesstokenを印刷することができる午前でいると確信しています。しかし、私はそれの名前とIDを印刷することはできません。

{{userObj}}を印刷しようとすると、オブジェクト全体が印刷されます。私が{{userObj.name}}を試してみたら、そのユーザーオブジェクトの名前の値を取得する必要があります。

Answer 1

コメントで説明したように、Cookieはオブジェクトではなく文字列を格納します。 angular.fromJsonメソッドを使用してJSON文字列からオブジェクトを戻すことができます。

$scope.userObj = angular.fromJson(userObj) 

あなたは潜在的に、$cookiesサービスのgetObjectとputObject方法を使用することによって、さらに物事を単純化する角度シリアル化をさせると、バックグラウンドでオブジェクトをデシリアライズできます。