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

Controller不会等待，因为已解析的元素是$ resource返回的Promise（我假设你使用$ resource）。你应该做这样的事情：

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

通过Route Provider解析从路径到Controller的对象

1 个答案: