Question

任务：当我加载页面http://127.0.0.1:53132/pages/login.html时，我希望它默认为http://127.0.0.1:53132/pages/login.html#/existinguser。也许有人可以告诉我如何制作它？

我使用html，angularjs。

尝试：<meta http-equiv="refresh" content="0; url=#/existinguser" />但它会无限地刷新页面。

ROUTE CONFIG

    loginApp.config(['$routeProvider', function ($routeProvider) {
    $routeProvider
        .when('/existinguser', {
            templateUrl: '../../pages/loginForms/existingUserForm.html',
            controller: 'existingUserCtrlr'
        })
        .when('/newuser', {
            templateUrl: '../../pages/loginForms/newUserForm.html',
            controller: 'newUserCtrlr'
        });
}]);

Answer 1

对于路由配置中的默认路径使用otherwise：

$routeProvider
    .when('/existinguser', {
        templateUrl: '../../pages/loginForms/existingUserForm.html',
        controller: 'existingUserCtrlr'
    })
    .when('/newuser', {
        templateUrl: '../../pages/loginForms/newUserForm.html',
        controller: 'newUserCtrlr'
    }).otherwise({
       redirectTo: '/existinguser'    
    });

这意味着如果页面加载时url中没有定义的路由，则redirectTo中的路径将加载

Answer 2

您需要使用'otherwise'选项

在路由器中定义默认路由

首次导航到您的网站时，您可能会加载index.html。需要重定向到您想要的＃/无论路由，然后路由器从那里接管。

从技术上来说，你仍然在index.html页面上，整个应用程序都是一个页面，路由器在客户端而不是服务器上路由请求，但在Dom中加载正确的模板以显示页面你想要的，如果需要，从服务器加载它（如果以前没有缓存）

试试这个文档

https://docs.angularjs.org/tutorial/step_07

页面加载时的HTML默认URL参数

2 个答案: