ui-sref被禁止访问控制器数据或视图。

我在获取我的状态参数控制器方面遇到了一些困难。我正在使用正确的状态链接到下一个视图。

查看订单

在我的配置文件中，我引用了该名称和路由参数的状态。我暂时注释掉了resolve对象。我的目标是进入控制器然后传递正确的数据。注意我正在使用controllerAs。

我的初始想法是({customerId: ctrl.cust.id })，但是这并没有改变URL路由。

URL正在更改以匹配URL名称，但没有连接到控制器并没有显示视图。

(function() {
    'use strict';
    angular
        .module('app.orders')
        .config(config);
    function config($stateProvider) {
        $stateProvider
            .state('orders',{
                // params: {customerid: null},
                url:'/customers:customerId', 
                templateUrl: './components/orders/orders.html',
                controller: 'OrdersController',
                controllerAs: 'ctrl',
                resolve: {
                customerFactory: 'customerFactory',
                customerInfo: function( customerFactory, $stateParams) {
                return customerFactory.getCustomers($stateParams.id);
            }
        }

**************我的主要问题是resolve。这阻止了我进入下一个控制器。*****************

                resolve: {
                    customerId:[ '$stateParams','customerFactory', function( $stateParams, customerFactory) {
                         return customerFactory.getCustomers($stateParams.id);
                     }]
                 }
        })
    };
})();

目前我的控制器非常简单。我只是想连接到它。我已经检查了我的网络选项卡，并且看到了文件的GET。

  (function() {
// 'use strict';
angular
    .module('app.orders')
    .controller('OrdersController', OrdersController);
function OrdersController($stateParams) {
    console.log('in');
        var vm = this;
        vm.title = "Customer Orders";
        vm.customer = null;
}
}());

我已经在主javascript文件中引用了我的模块。

   (function () {
'use strict';
angular.module('app', ['app.services',
    'app.customers',
    'app.orders','ui.router']);
})();

当我注释掉resolve时，我可以访问控制器。所以我知道问题在resolve中。这是我的服务。

我正在使用$http请求向Json文件发出请求，并使用.then。

更新 这是我重构后的服务调用，每次在控制台中都能正确返回客户端。

  (function() {
angular
    .module('app.services',[])
    .constant('_', window._)
    .factory('customersFactory', customersFactory);
function customersFactory($http, $log) {
    return {
        getCustomers: getCustomers,
        getCustomer: getCustomer
    };
    function getCustomers(){
        return $http.get('./Services/customers.json',{catch: true})
            .then(getCustomerListComplete)
            .catch(getCustomerListFailed);
            function getCustomerListComplete(response) {
                console.log('response.data',response.data);
                return response.data;
            }
            function getCustomerListFailed(error) {
                console.log('error', error);
            }
    }
    function getCustomer(id) {
        var url = './Services/customers.json';
        return $http.get(url, {
            catch: true
        })
        .then(function(response) {
            console.log('promise id',id);
            var data = response.data;
            for(var i =0, len=data.length;i