如何在Angular中使用#设置启动根路由

时间:2014-05-24 16:45:12

标签: angularjs

我正在使用Angular开发SPA,并希望像这样设置启动路径

http://cc-ng-z.azurewebsites.net

如果你转到上面的url,它会自动在末尾添加/#/,因此它会选择路由配置中定义的路由。请告诉我怎么可能?

更新

var app = angular.module('app');

    //collect the routes
    app.constant('routes', getRoutes());

    app.config(['$routeProvider', 'routes', routeConfigurator]);

        function routeConfigurator($routeProvider, routes) {

            routes.forEach(function (r) {

                $routeProvider.when(r.url, r.config);
            });

            $routeProvider.otherwise({ redirectTo: '/' });
        }



    function getRoutes() {
            return [
                {
                    url: '/',
                    config: {
                        title: 'dashboard',
                        templateUrl: '/app/dashboard/dashboard.html',
                        settings: {
                            nav: 1,
                            content: '<i class="icon-home"></i><span class="hidden-tablet"> Dashboard</span>'
                        }
                    }
                },
                {
                    url: '/projects',
                    config: {
                        title: 'projects',
                        templateUrl: '/app/project/project.html',
                        settings: {
                            nav: 2,
                            content: '<i class="icon-th"></i><span class="hidden-tablet"> Projects</span>'
                        }
                    }
                },
                {
                    url: '/project/new',
                    config: {
                        title: 'project',
                        templateUrl: '/app/project/newProject.html',
                        settings: {}
                    }
                }
            ];
        }

由于

1 个答案:

答案 0 :(得分:0)

我认为你要求的是默认行为。只要您在索引页面上设置了路线,它就会将/#/追加到它的末尾。

var app = angular.module('myapp', ['ngRoute']);

app.config(function($routeProvider) {
    $routeProvider
        .when('/', {
             templateUrl: 'home-template',
             controller: 'AppController'
        })
});

在/的设置中,如果要重定向到另一个客户端路由,也可以传入一个键'redirectTo'。