javascript - 我可以将 href 与 urlRouterProvider 一起使用吗？

Question

在我的 angularjs 应用程序中，我已将 ngRoute (routeProvider) 替换为 ui.router (urlRouterProvider) 模块和 stateProvider，以在我的应用程序内的状态之间导航。

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

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

此代码相应地设置了 href 属性。这是我的 stateProvider 片段，它适用于手动放置的 srefs，如下所示: <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

如果您通过 javascript 通过执行类似 window.location(url) 的操作在应用程序外部导航，您应该能够将您所在州的路由放入 url 中，并且路由器应该能够处理该路由，即 window.location(url)。位置(/state1)。

下面是来自 ui-router 的文本，它阐明了这一点( link ):

Here's how you set a basic url.

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

Now when the user accesses index.html/contacts then the 'contacts' state would become active and the main ui-view will be populated with the 'contacts.html' partial.