RESTリソースのAngularJS ui-router解決

Question

私は写真家が写真をアップロードするために使用できるアプリケーションに取り組んでいます。フロントエンドはAngularJSであり、RESTfull APIバックエンドがあります。

いくつかの問題と、ui-routerがngRouterより優れているため、$ routeproviderをui-routerの$ stateProviderに変更することにしました。

しかし、私の解決策はもう働きません（私はそれが壊れていたと思っていましたが、自分の状況に対する解決策を見つけることができません）。だからここ

は、元の$ routeproviderコードは次のとおりです。

.when('/photographer', { 
    templateUrl : '/static/partials/photographer/photographer_dash.html', 
    controller : 'photographerController', 
    resolve: { 
    photogPrepService: function (PhotogService) { 
     return PhotogService.ownPhotos(); 
    } 
    } 
}) 

PhotogServiceは、以下の$リソースオブジェクトを持つ$リソースサービスです：私は、その後どうなるのコントローラで

return $resource(apiHost, {}, { 
      'ownPhotos': { 
       url: apiHost + '/photographer_own_photos/', 
       method: 'GET', 
       interceptor: ResponseInterceptor 
      } 
}); 

（解決のためにphotogPrepServiceが注入されている）：

var promise = photogPrepService; 
promise.then(
function (data) { 
    $scope.ownPhotos = data.data.photos; 
}); 

これはすべてうまくいきました。私は範囲内の写真を手に入れました。

$stateProvider.state('photographer', 
    { 
    url: '/photographer', 
    templateUrl: '/static/partials/photographer/photographer_dash.html', 
    controller: 'photographerController', 
    resolve: { 
     photogPrepService: function (PhotogService) { 
     return PhotogService.ownPhotos(); 
     } 
    } 

：

は、しかし、それは動作しませんし、私はそれが働くように見えることはできません...ドキュメント（https://github.com/angular-ui/ui-router/wiki#resolve）によると

は以下の通り動作するはずUI-ルータと言ったように

Resource(value) 

私は何とか目を取得するように見えることはできません。解決がコントローラに注入し、私は応答を印刷するにconsole.log（）を使用されている場合しかし、私は次の取得します私の値（JSONレスポンス{"photos"：...}）はコントローラに注入されました。ここでstackoverflowで提案された様々なソリューションを試してみました。ガイドとUI-routerのAPIを読んでいましたが、何がうまくいかないのですか...誰かが私を正しい方向に導くことができれば幸いです。

ありがとう！私はあなたが以下のコードを使用することができると思う

Answer 1

：

$stateProvider.state('photographer', 
{ 
    url: '/photographer', 
    templateUrl: '/static/partials/photographer/photographer_dash.html', 
    controller: 'photographerController', 
    resolve: { 
    photogPrepService: function (PhotogService) { 
     return PhotogService.ownPhotos().$promise; 
    } 
    } 
}); 

または作るためにあなたのressourcesを変更します。

//the PhotogService will keep the same as before 

//inject the 'PhotogService' into the controller photographerController 
PhotogService.ownPhotos().then(function(data) { 
    $scope.ownPhotos = data.data.photos; 
}); 

//instead of injecting the photogPrepService through 'resove', inject the PhotogService into the controller 
//for the $stateProvider 
$stateProvider.state('photographer', 
{ 
    url: '/photographer', 
    templateUrl: '/static/partials/photographer/photographer_dash.html', 
    controller: 'photographerController', 
} 

Answer 2

あなたが解決するための約束を与える必要があるが、あなたのressourceは、より多くのようになるはずです彼らは約束します。