当href ="#"时,UI路由器状态发生变化点击页面内的链接

时间:2015-09-20 07:03:21

标签: javascript jquery angularjs angular-ui-router

我有一个单页应用程序,其中包含ui.router AngularJS,其中有多个状态链接到不同的部分/代码等。问题是在某些状态html页面中我有例如href ="#尖端"应该打开作为jQuery代码一部分的模态的链接;但实际发生的事情是国家最终改变并回到状态模型中的.otherwise(" /")页面。

我注意到发生的情况是请求的链接与当前正在呈现页面的ui.router url不是正确的链接。例如,我的应用程序在example.com/app上。当状态更改时,url更改为example.com/app/#/page1或page2等。当href ="#"链接被点击,链接实际上指向example.com/#link而不是我认为应该是example.com/#/page1/#tip或/#/ tip考虑我的网址显示方式..

如何解决此问题以允许href ="#"标签在放入状态之前要做的和最初的功能吗?

以下是我的提供商设置和样本状态:

.config(function($stateProvider,$urlRouterProvider,$urlMatcherFactoryProvider){
    $urlRouterProvider.otherwise('/app');
    $urlMatcherFactoryProvider.strictMode(false)
    $stateProvider
.state('flashcards', {
            url: "/page1",
            views: {
                'input-views': {
                    templateUrl: '/page1.html',
                }
            }
        })
});

0 个答案:

没有答案