工厂内的AngularJS路由

时间:2016-05-12 08:20:53

标签: angularjs angular-services ngroute angular-controller

我想创建一个工厂用于路由目的。我想在工厂中封装它,因为我想将信息从一个页面交换到另一个页面。我不知道这是不是最好的做法。如果还有其他更好的方法,请告诉我。

这是我的控制者:

angular.module('app.core')
.controller('mainCtrl', ['ShowService', 'ChangeViews', function(ShowService, ChangeViews){
    var vm = this;
    vm.namespaces = [];
    vm.servers = [];
    vm.p4path = '';
    vm.gitpckname = '';
    vm.server = '';
    vm.ns = '';

    ShowService.getNamespaces().then(function(response){
        var data = angular.fromJson(response.data);
        angular.forEach(data.namespaces, function(value){
            vm.namespaces.push(value);
            vm.initNamespaceSelVal = vm.namespaces[0];
            vm.ns = vm.namespaces[0];
        });
    });

    ShowService.getServers().then(function(response){
        var data = angular.fromJson(response.data);
        angular.forEach(data.servers, function(value){
            vm.servers.push(value);
            vm.initServerSelVal = vm.servers[0];
            vm.server = vm.servers[0];
        });
    });

    vm.doClick = function(value){
        if(value){
            var body = {};
            body['server'] = vm.server;
            body['p4path'] = vm.p4path;
            body['packagename'] = vm.gitpckname;
            body['namespace'] = vm.ns;
            ShowService.getBraches(body).then(function(response){
                console.log(response);
                //$location.path('/hidden');
                //ChangeViews.changeView('/hidden');
            });
        };
    };
}]);

在上面的代码中,我将两个定制工厂注入控制器。 “ShowService”正常工作,但“ChangeViews”返回一些错误。

在控制器内使用$ location服务(注释行)。

工厂代码是:

angular
    .module('app.services')
    .constant('BASE_URL', 'http://localhost:8066')
    .factory('ShowService', dataService)
    .factory('ChangeViews', changeViews);

function dataService($http, BASE_URL){.....}
function changeViews($location, view){
    var data = {
        'changeView': changeView,
    };

    function changeView(view){
        return $location.path(view);
    };

    return data;
}

路由到html模板的路径。 我注入ChangeViews工厂时收到的错误是:

"Error: [$injector:unpr] http://errors.angularjs.org/1.5.5/$injector/unpr?p0=viewProvider%20%3C-%20view%20%3C-%20ChangeViews

我缺少什么?

谢谢

1 个答案:

答案 0 :(得分:1)

问题是您没有名为view的可注射服务,因此未知提供程序错误。

view参数列表中删除changeViews

function changeViews($location) {
    var data = {
        changeView: changeView
    };

    function changeView(view) {
        return $location.path(view);
    };

    return data;
}