如何從angularjs中的url中刪除“＃”

Question

我的網址：eDemo / admin / test / list /＃/ list

我想：eDemo / admin / test / list

JS：

var serviceBase ="http://admin-pc/eDemo/admin/test/";
function config($routeProvider, $locationProvider) {

    $routeProvider
        .when('/add', {
            controller: 'addController',
            templateUrl: serviceBase + 'add',
            controllerAs: 'vm',
        })
        .when('/edit', {
            controller: 'editController',
            templateUrl: serviceBase + 'edit',
            controllerAs: 'vm',
        })


        .otherwise({ redirectTo : 'list' });
}

HTML：

<div class='ng-view'></div>

Answer 1

您只需要在路由提供程序配置中添加html5Mode(true) 。 確保將config函數上的參數$ locationProvider作為參數傳遞。

這里是我們的示例js代碼：

var serviceBase ="http://admin-pc/eDemo/admin/test/";
app.config(['$routeProvider','$locationProvider',
     function ($routeProvider,$locationProvider) {

    $routeProvider
        .when('/add', {
            controller: 'addController',
            templateUrl: serviceBase + 'add',
            controllerAs: 'vm',
        })
        .when('/edit', {
            controller: 'editController',
            templateUrl: serviceBase + 'edit',
            controllerAs: 'vm',
        })


        .otherwise({ redirectTo : 'list' });

         $locationProvider.html5Mode(true);

}

您的HTML應如下所示：

<div class='ng-view'>
 <base href="<?=url('/').'/'?>">
</div>

另外請記住，永遠不要在任何url中傳遞# ，就像你重定向一樣，你通過AJAX或任何地方提交表單。

Answer 2

在路線結束時使用：

 $locationProvider.html5Mode(true);

這應該是：

var serviceBase ="http://admin-pc/eDemo/admin/test/";
function config($routeProvider, $locationProvider) {

$routeProvider
    .when('/add', {
        controller: 'addController',
        templateUrl: serviceBase + 'add',
        controllerAs: 'vm',
    })
    .when('/edit', {
        controller: 'editController',
        templateUrl: serviceBase + 'edit',
        controllerAs: 'vm',
    })
    $locationProvider.html5Mode(true);

    }

在視圖文件中：

<head>
    <meta charset="utf-8">

    <base href="/">
</head>

Answer 3

你可以像這樣使用$ locationProvider

$locationProvider.html5Mode({
  enabled: true,
  requireBase: false
});

如何從angularjs中的url中刪除“＃”

問題描述

3 個解決方案

解決方案1
2 2016-03-09 07:49:32

解決方案2
1 2016-03-09 07:39:19

解決方案3
1 2016-03-09 08:08:44

如何從angularjs中的url中刪除“＃”

問題描述

3 個解決方案

解決方案1 2 2016-03-09 07:49:32

解決方案2 1 2016-03-09 07:39:19

解決方案3 1 2016-03-09 08:08:44

解決方案1
2 2016-03-09 07:49:32

解決方案2
1 2016-03-09 07:39:19

解決方案3
1 2016-03-09 08:08:44