与Angular.js路线

有麻烦的是我的app.js和controllers.js文件看起来像：与Angular.js路线

angular.module('RayAuth', ['RayAuth.filters', 'RayAuth.services', 'RayAuth.directives']). 
    config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) { 
    $routeProvider. 
     when('/', { 
     templateUrl: 'partials/index.html', 
     controller: IndexCtrl 
     }). 
     when('/users', { 
     templateUrl: 'partials/users.html', 
     controller: UserCtrl 
     }). 
     when('/controlpanel', { 
     templateUrl: 'partials/controlpanel.html', 
     controller: ControlCtrl 
     }). 
     when('/modules/', { 
     templateUrl: 'partials/modules.html', 
     controller: ModuleCtrl 
     }). 
     when('/resources/', { 
     templateUrl: 'partials/resources.html', 
     controller: ResourceCtrl 
     }). 
     when('/privileges/', { 
     templateUrl: 'partials/privileges.html', 
     controller: PrivilegeCtrl 
     }). 
     when('/roles/', { 
     templateUrl: 'partials/roles.html', 
     controller: RoleCtrl 
     }). 
     when('/userroles/', { 
     templateUrl: 'partials/userroles.html', 
     controller: UserRoleCtrl 
     }). 
     otherwise({ 
     redirectTo: '/' 
     }); 
    $locationProvider.html5Mode(true); 
    }]);

，这是我controllers.js：

'use strict'; 

function IndexCtrl() { 
    IndexCtrl.$inject = []; 
} 

function UserCtrl() { 
    UserCtrl.$inject = []; 
} 

function ControlCtrl() { 
    ControlCtrl.$inject = []; 
} 

function ModuleCtrl() { 
    ModuleCtrl.$inject = []; 
} 

function ResourceCtrl() { 
    ResourceCtrl.$inject = []; 
} 

function PrivilegeCtrl() { 
    PrivilegeCtrl.$inject = []; 
} 

function RoleCtrl() { 
    RoleCtrl.$inject = []; 
} 

function UserRoleCtrl() { 
    UserRoleCtrl.$inject = []; 
}

我已经加入ng-app和ng-view我的索引文件，但当我加载它在浏览器中，它一直重定向到http://localhost/而不是http://localhost/ray-auth/我在这里做错了什么？任何人都可以帮忙吗？

来源

2012-06-21 hilarl

试试这个：

angular.module('RayAuth', ['RayAuth.filters', 'RayAuth.services', 'RayAuth.directives']). 
    config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) { 
    $routeProvider. 
     when('/', { 
     templateUrl: 'partials/index.html', 
     controller: IndexCtrl 
     }). 
     when('/users', { 
     templateUrl: 'partials/users.html', 
     controller: UserCtrl 
     }). 
     when('/controlpanel', { 
     templateUrl: 'partials/controlpanel.html', 
     controller: ControlCtrl 
     }). 
     when('/modules/', { 
     templateUrl: 'partials/modules.html', 
     controller: ModuleCtrl 
     }). 
     when('/resources/', { 
     templateUrl: 'partials/resources.html', 
     controller: ResourceCtrl 
     }). 
     when('/privileges/', { 
     templateUrl: 'partials/privileges.html', 
     controller: PrivilegeCtrl 
     }). 
     when('/roles/', { 
     templateUrl: 'partials/roles.html', 
     controller: RoleCtrl 
     }). 
     when('/userroles/', { 
     templateUrl: 'partials/userroles.html', 
     controller: UserRoleCtrl 
     }); 
    $locationProvider.html5Mode(true); 
    }]);

我已删除了，否则，这实际上告诉它在所有其他情况下重定向到“/”。

同样在一个方面说明，

function PrivilegeCtrl() { 

} 
PrivilegeCtrl.$inject = [];

如上所示，喷出应控制器外面来完成。

来源

2012-06-21 11:23:28 ganaraj

好，谢谢。它现在可以工作，但导航很糟糕。我有模板页面上的导航栏，但是当我点击用户，当我在用户页面上，并且想要点击角色时，它像'用户/角色/而不是'角色/' – hilarl

@hilarl：对不起，我不明白你想说什么。你能详细说明吗？ – ganaraj

也许

<!doctype html> 
<html lang="en" ng-app="RayAuth">

来源

2013-04-07 15:06:19

与Angular.js路线

回答

相关问题