如何删除'＃'号在角UI路由器的网址 [英] How to delete '#' sign in angular-ui-router URLs

问题描述

我采用了棱角分明的UI路由器图书馆和我有网址，万阿英，蒋达清。

I'm using angular-ui-router library and I have probelm with URLs.

我有以下code：

app.js：

app.config(function ($stateProvider, $urlRouterProvider) {
$stateProvider
    .state('state', {
        url: '/state',
        templateUrl: 'templates/state.html',
        onEnter: function () {
            /*... code ...*/
        }
    })});

index.html的：

index.html:

<a href="#/state">STATE</a>

和这个工作，但是当我从 A 标记删除'＃'这个不到风度的工作。

and this works, but when i delete '#' from a tag this dosn't work.

在这里，我有问题，如何从URL中删除'＃'号？

And here I have question, how to delete '#' sign from URL?

推荐答案

您需要，如果你想没有导航标签的哈希，使HTML5Mode：

You need to enable HTML5Mode if you want navigation without hash tags:

app.config(["$locationProvider", function($locationProvider) {
  $locationProvider.html5Mode(true);
}]);

Beward对于HTML5模式的支持取决于浏览器。对于那些谁不支持API的历史，角将回退到hashbang 。

这篇关于如何删除'＃'号在角UI路由器的网址的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！