は私がサービスにこのコードを持っている$スコープ

Question

でオブジェクトにアクセスすることはできません：

 return { 
      getReport: function(data){ 
      var request = $resource(getResourcePath('report')); 
      return request.get(data, function(response) { 
       return response; 
      }).$promise; 
      } 
     } 

と、このコードは私のコントローラである：

ReportService.getReport(customStruct).then(function(response){ 
     console.log("respo", response); 
     $scope.reportData = {response} 
    }); 

    console.log("$scope1", $scope) 
    console.log("$scope2", $scope.reportData) 

が、私は$scope.reportDataにアクセスしようとすると、私が取得しますundefined。ここで$scope1と$scope2出力のスクリーンショットです：

私は$scope.reportDataオブジェクトにアクセスできないのはなぜ？助けてくれてありがとう。

Answer 1

古典的な「どこにデータがありますか」の非同期質問に対処しているようです。 AngularとJavaScriptはhttp呼び出しからpromisesを返します。約束はちょっとボックスのようなもので、Angularはあなたに手を差し伸べて、「データが戻ったら、私はこのボックスに入れます。問題は、ボックス内のデータにアクセスしようとすると、そこにはない（あなたのconsole.logを含む）ということです。

ビューを読み込む前にデータが必要な場合は、$ routeProvider（ng-route）または$ stateProvider（ui-router）のresolve機能の使用を検討してください。たとえば：

$stateProvider.state('app.reports', { 
    url: 'reports/reports.html', 
    ... 
    resolve : { 
     reportData : function(ReportService) { 
      return ReportService.getReport(customStruct); 
     } 
    } 
}); 

は、その後、あなたのコントローラで、depenedencyようreportDataを指定：

.controller('someController', ['$scope', 
           'reportData', 
           function($scope, reportData){ 
    $scope.reportData = reportData; 
}]); 

これはreportDataはビューをロードする前に解決するのを待つ角度強制します。しかし、暗い面があります。返信に数ミリ秒以上かかる場合は、UI may feel unresponsiveです。

最終的な注意点がいくつか指摘されています。この行：

$scope.reportData = {response} 

私はあなたがオブジェクトの応答をラップすることによって達成しようとしているかどうかはわかりません。最後に、この行：

 return request.get(data, function(response) { 
      return response; 
     }) 

あなたは（ヘッダとレスポンスが成功した場合は必要ないかもしれないいくつかの他の嫌なものを含む）応答の代わりにresponse.dataを返すことを検討する必要があります。

幸運を祈る！