angularjs undefined resource

Question

我是angularJs中的新成员，我试图在开发应用程序方面有第一步，而且我正面临一个问题。

我打电话给一个外部资源，通过$ resource.get（）返回一个对象json，在callBack中我得到正确的值，但在服务中值是未定义的，问题是当我打印资源在控制台中的结果具有正确的值。

我的JSON对象：

{ 
"readOnly": false, 
"questions": [ 
{ 
    "questionId": "0", 
    "questionTitle": "question0", 
    "isMondatory": true, 
    "responseList": [ 
     { 
     "questionId": "0", 
     "questionTitle": null, 
     "responseId": "00", 
     "responseTitle": "response00" 
     }, 
     { 
     "questionId": "0", 
     "questionTitle": null, 
     "responseId": "01", 
     "responseTitle": "response01" 
     }, 
     { 
     "questionId": "0", 
     "questionTitle": null, 
     "responseId": "02", 
     "responseTitle": "response02" 
     }, 
     { 
     "questionId": "0", 
     "questionTitle": null, 
     "responseId": "03", 
     "responseTitle": "response03" 
     } 
     ] 
    }, 
    { 
    "questionId": "1", 
    "questionTitle": "question1", 
    "isMondatory": true, 
    "responseList": [ 
     { 
     "questionId": "1", 
     "questionTitle": null, 
     "responseId": "10", 
     "responseTitle": "response10" 
     }, 
     { 
     "questionId": "1", 
     "questionTitle": null, 
     "responseId": "11", 
     "responseTitle": "response11" 
     }, 
     { 
     "questionId": "1", 
     "questionTitle": null, 
     "responseId": "12", 
     "responseTitle": "response12" 
     }, 
     { 
     "questionId": "1", 
     "questionTitle": null, 
     "responseId": "13", 
     "responseTitle": "response13" 
     } 
     ] 
    } 

我控制器

app.controller('mycontroller', function ($scope,myservice) { 
$scope.infos = null; 
$scope.infos = myservice.getInfo(); 
} 

我的服务是：

angular.module('xxxx').factory('myservice', function($window,$resource,$routeParams,$http,apicallservice) { 

// Public API here 
return { 

    getInfo : function(){ 
     var result=null; 
     var url = "myUrl"; 
     result = apicallservice.GetApiCall(url,$routeParams); 
     console.log(result.readOnly); // print undefined => KO 
     return result; 
}, 
//.... other functions 

我apicallservice：

angular.module('xxxx') 
    .factory('apicallservice', function ($http,$resource) { 

    var result; 

// Public API here 
return { 

    GetApiCall: function (url,obj) { 

     // resource   
     var resource = $resource(url,{param1:obj}); 

     // cal the api    
     result = resource.get(function(callBack) { 
      console.log(callBack.readOnly); => print false => OK 
      return callBack; 
    }, function(error) { 
     console.log(error);   
     return error; 
    }); 


    return result; 
    }, 

    PostApiCall : function(url,obj){ 
     result = $http.post(url,obj).then(
       function (response) { 
        console.log(response); 
        }, function (error) { 
        console.log(error); 
        }); 
    } 
}; 

}）;

请问你能帮我吗？ 在此先感谢。

Answer 1

我发现了什么事错了，在控制器填充我不得不添加则（）： ，而不是这样的：

app.controller('mycontroller', function ($scope,myservice) { 
    $scope.infos = null; 
    $scope.infos = myservice.getInfo(); 
} 

做到这一点：

app.controller('mycontroller', function ($scope,myservice) { 
$scope.infos = null; 
    myservice.getInfo().then(function(data) { 
      $scope.infos = data; 
     }); 
} 

这解决了这个问题。

Answer 2

从angularjs API documentation为$资源

意识到调用$资源对象方法 立即返回一个空引用（取决于 IsArray的物体或阵列）是很重要的。一旦数据从服务器返回，现有的 引用就会填充实际数据。这是一个有用的技巧 ，因为通常该资源被分配给由视图呈现的模型，然后 。有一个空对象导致没有渲染， 一旦数据从服务器到达，然后对象与数据填充 和视图自动重新呈现自己显示 新数据。这意味着在大多数情况下，从不必为动作方法编写回调函数 。

所以基本上对 $scope.infos = myservice.getInfo();， result将有emptyobject/array参考。由于该调用是异步的，因此会立即调用下一行（console.log(result.readOnly)），您将获得undefined。只有当底层get/post通话实际完成，可变result将与值从服务器