javascript – Angular ui-router将哈希添加到url

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – Angular ui-router将哈希添加到url，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1656字，纯文字阅读大概需要3分钟。

内容图文

我正在为角度和角度ui路由器的应用程序设置脚手架.我有它的工作,但似乎是在我的网址中添加一个哈希(我在localhost上运行dev)localhost：9000 /#/ test.当我登陆主页面时,它只是localhost：9000,它仍然提供主视图内容.如果可能的话我想摆脱哈希.

所以这是我的设置：

在我的身体中的index.html中,我只有导航,然后是ui-view：

 <div class="row">
   <ul class="nav navbar-nav">
      <li><a ui-sref="index">Home</a></li>
      <li><a ui-sref="test">Test</a></li>
    </ul>
  </div>

  <div ui-view=""></div>

在我的app.js我只有：

angular
.module('playApp', [
'ui.router'
])
.config(function($stateProvider) {
$stateProvider
.state('index', {
    url: '',
    templateUrl: 'views/main.html',
    controller: 'MainCtrl'
})
.state('test', {
    url: '/test',
    templateUrl: 'views/test.html',
    controller: 'testCtrl'
});
});

因此,当我降落时,它很好,但是当我开始使用我设置的导航时,它会将散列添加到网址中,如果可能的话,不希望使用它们.谢谢！

解决方法:

包含$locationProvider并执行$locationProvider.html5Mode(true); ：

angular.module('playApp', ['ui.router'])
    .config(function($stateProvider, $locationProvider) {
        $stateProvider.state('index', {
            url: '',
            templateUrl: 'views/main.html',
            controller: 'MainCtrl'
        })
       .state('test', {
            url: '/test',
            templateUrl: 'views/test.html',
            controller: 'testCtrl'
        });

        $locationProvider.html5Mode(true);
    });

我也有一个否则在那里,所以如果它找不到指定的路线,它将只是默认返回：

angular.module('playApp', ['ui.router'])
    .config(function($stateProvider, $locationProvider, $urlRouterProvider) {
        $stateProvider.state('index', {
            url: '',
            templateUrl: 'views/main.html',
            controller: 'MainCtrl'
        })
       .state('test', {
            url: '/test',
            templateUrl: 'views/test.html',
            controller: 'testCtrl'
        });

        $locationProvider.html5Mode(true);
        $urlRouterProvider.otherwise('/');
    });

内容总结

以上是互联网集市为您收集整理的javascript – Angular ui-router将哈希添加到url全部内容，希望文章能够帮你解决javascript – Angular ui-router将哈希添加到url所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

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

内容手机端