路由不适用于HTML5-History-API

时间:2017-07-08 10:01:31

标签: javascript angularjs angular-ui-router html5-history html5mode

在平均堆栈Web应用程序中,我使用html5mode并在index.html中包含以下代码:

<base href="/" />   
<script src="https://appsforoffice.microsoft.com/lib/1/hosted/office.js"></script>
<script src="https://cdn.rawgit.com/devote/HTML5-History-API/master/history.js"></script>

我定义了以下angular-ui-router:

    .state('addinHome', {
        url: '/addin/home',
        template: "home page"
    })
    .state('addinTest', {
        url: '/addin/test',
        template: '<a href="addin/home">one</a>',
        controller: 'TestCtrl'
    })

然后,我转到https://localhost:3000/addin/test,点击one引导我https://localhost:3000/addin/test#%2Faddin%2Fhome,而我想转到https://localhost:3000/addin/home

如果我没有office.jshistory.js,点击one会导致我https://localhost:3000/addin/home

有人知道如何在保留https://localhost:3000/addin/homeoffice.js的同时前往history.js吗?

1 个答案:

答案 0 :(得分:0)

我找到了......只需使用

template: '<a href="addin/home" target="_self">one</a>'