ルートからオブジェクトをRoute Provider経由でControllerに渡すresolve

Question

$ routeProviderのresolveメソッドからこのルートに使用されるコントローラに変数を渡そうとしています。 しかし、オブジェクトは解決されていますが、コントローラはオブジェクトの解像度まで待機しません。

app.config(["$locationProvider", "$routeProvider", "$httpProvider", function ($locationProvider, $routeProvider, $httpProvider) { 
     $locationProvider.hashPrefix(''); 
    .when("/EditProduct/:id", 
      { 
       templateUrl: "App/Products/editProductView.html", 
       controller: "EditProductCtrl as vm", 
       resolve: { 

        product: function (productsResource, $route, $routeParams) { 
         console.log($route.current.params.id); 
         return productsResource.getProductById().get({ id: $route.current.params.id }, function (data) { 
          console.log("inside the resolved function"); 
          console.log(data.Name); 
          return data; 
         }) 
        } 
       } 
      }) 
      .otherwise({ redirectTo: "/" }); 

はそうapp.jsのステートメントからの名前のログメッセージが表示されます。 は、ここで私が使用していたコードからの抜粋です。コントローラは、として注入おそらく分解生成物を有する ながら以下：

(function() { 
    "use strict"; 
    angular.module("ProductManagementTool").controller("EditProductCtrl", ["product","productsResource", "currentUser", EditUserCtrl]); 

    function EditProductCtrl(product, productsResource, currentUser) { 
     var editCtrlViewModel = this; 
     console.log("the full name is " + product.Name); 
      editCtrlViewModel.product = product; 
      editCtrlViewModel.title = "Edit: " + product.Name; 


    } 
}()); 

コントローラ内のログメッセージは未定義として示されています。

私は角度js 1.6.1を使用しています。

Answer 1

コントローラは待機しません。解決された要素は$ resourceによって返されたPromiseです（私は$ resourceを使用します）。

var editCtrlViewModel = this; 
product.$promise.then(function (element) { 
    editCtrlViewModel.product = element; 
    editCtrlViewModel.title = "Edit: " + element.Name; 
})