javascript - Angular 应用程序中的超链接需要 #!而不仅仅是#

Question

如果我指定如下路径，则使用 anchor 标记在路线之间导航将不起作用-

<a href="#/link1">Go to link1</a>

相反，如果我指定以下路径，它就可以工作

<a href="#!/link1">Go to link1</a>

使用 AngularJS 1.6.1 版本。浏览器IE 11.0。为什么会有这种行为？我之前使用过AngularJS 1.2 -1.3版本，但之前没有遇到这个问题。

Answer 1

在配置函数中使用 $urlRouterProvider.rule 对 url 进行一些转换，如下所示:

$urlRouterProvider.rule(function ($injector, $location) {
    var path = $location.path(),
        normalized = path.replace('!/', '');
        if (path !== normalized) {
            return normalized;
        }
});

您可以点击以下链接，

Angular force an undesired exclamation mark in url

angular url is adding unwanted characters