Angular路由如何正确使用href？

Question

在这里，我是如何配置路由的

var config = function (rp) {
    rp.when(
        '/docs',
        {
            templateUrl: 'Docs.htm'
        }
    );
};
config.$inject = ['$routeProvider'];
app.config(config);

然后我添加了

<a href="#docs">Docs</a>

到我的 htm 页面。

点击link时，URL变为

my_pagename.htm#!#docs

并且它不加载模板。

但是当我在

位置手动输入URL

my_pagename.htm#!/docs (replaced hash symbol with '/')

加载正常。

你能告诉我这里的错误吗？

为了使用 angular 路由，指定 href 属性的正确方法是什么？我的 angular 版本是 1.6.3

Answer 1

为什么要在 href 中添加 #

试试这个

<a href="docs">Docs</a>

Answer 2

我不知道后果，但我将 hrefs 更改为

    #!/<link>

Ex: #!/docs
    #!/contacts

现在它们工作正常。

请注意，我没有更改 js 文件中的路由路径。

Angular路由如何正确使用href？

How to use href correcly with Angular routing?

javascript

angularjs

angular-routing