JavaScript-如何从angularjs的网址中删除“#”

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript-如何从angularjs的网址中删除“#”，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1189字，纯文字阅读大概需要2分钟。

内容图文

我的网址：eDemo / admin / test / list /#/ list

我想要：eDemo /管理员/测试/列表

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>

解决方法:

您只需要在路由提供者配置中添加html5Mode(true).
确保在配置函数中传递参数$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>

另外请记住,不要像重定向,通过AJAX或任何地方提交表单那样在任何类型的URL中传递#.

内容总结

以上是互联网集市为您收集整理的JavaScript-如何从angularjs的网址中删除“#”全部内容，希望文章能够帮你解决JavaScript-如何从angularjs的网址中删除“#”所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端