我可以在hrefRouterProvider中使用href吗？

Question

在我的angularjs应用程序中，我已用ui.router（urlRouterProvider）模块和stateProvider替换了ngRoute（routeProvider），并在应用程序的状态之间进行导航。

现在，我发现ui-router仅适用于状态和<a ui-sref="">而不是<a href=""> 。 由于必须使用javascript在应用程序外部设置应用程序导航，因此无法将锚点从href更改为sref。 这是我设置导航链接的方法。

    Portal.setNavigation(
        [
            {
                "label": "Application1",
                "selected": true,
                "url": "/web/guest#/Application1"
            }
        ]
    );

该代码集相应地具有href属性。 这是我的stateProvider代码段，它适用于像这样的手动放置的sref ： <a ui-sref="Application1">Application State 1</a>

app.config(['$stateProvider', '$urlRouterProvider',
  function($stateProvider, $urlRouterProvider) {
    $stateProvider
        .state('Application1', {
            url: '/Application1',
            templateUrl: '/Application.html',
            controller: 'AppCtrl'
        });
}]);

有什么想法可以继续使用ui-router和使用href导航状态吗？

Answer 1

如果您通过执行诸如window.location（url）之类的操作来通过javascript导航到应用程序之外，则应该能够将您所在州的路由放入url中，并且路由器应该能够处理该路由，即window.location（/ state1）。

这是ui-router的文本，它对此有所启发（ link ）：

这是设置基本网址的方法。

 $stateProvider .state('contacts', { url: "/contacts", templateUrl: 'contacts.html' }) 

现在，当用户访问index.html / contacts时，“ contacts”状态将变为活动状态，并且主用户界面视图将填充“ contacts.html”部分。