地址栏中的路线

时间:2015-09-19 05:20:09

标签: angularjs

我正在使用$ routeProvider来配置我的路线:

.when('/Caseload', {
    controller: 'CaseloadController',
    templateUrl: '/template/caseload/caseload.tmpl.html',
    resolve: {
        caseload: ['CaseloadService', function(CaseloadService){
            return CaseloadService.getCaseload();
        }]
    }
})

我的链接看起来像这样:

<div class="tab"><a href="/Caseload">Caseload</a></div>

当我导航到http://localhost:1234然后点击该链接时,地址栏中的网址现在看起来像http://localhost:1234/Caseload

修改 为了澄清我的要求,如果你检查ng-view文档,他们有一个书籍示例,你可以点击书籍的链接,并使用有关位置的信息更新视图。

当您单击其中一个链接时,浏览器的地址栏不会更改。

在点击链接之前,地址栏显示:

https://docs.angularjs.org/api/ngRoute/directive/ngView

点击其中一个图书链接后,它仍然说:

https://docs.angularjs.org/api/ngRoute/directive/ngView在地址栏中。

当我点击页面中的链接时,地址栏会改变;它将地址更新为我的路线。

所以在我点击指向/ Caseload的链接之前,我的地址栏说:

http://localhost:1234

点击链接后会显示:

http://localhost:1234/Caseload

这不是有效的网址,而是我的应用中的路线。如果让$ routeProvider不将我的路线放在地址栏中,我需要做什么?

1 个答案:

答案 0 :(得分:0)

您应该像这样建立链接:

<a href="#/Caseload">Caseload</a>

密钥是哈希#