AngularJs UI路由器-页面刷新$ state.current现在为空

Question

我有一个正在Angular使用的应用程序ui- router，每当刷新页面时都会遇到问题。我正在使用嵌套视图（命名视图）来构建应用程序。每当我刷新页面时，ui-router都不会重新加载当前状态，只会使页面空白。

页面加载$state.current等于

Object {name: "", url: "^", views: null, abstract: true}

我正在.json通过文件$http并通过状态循环从文件中读取导航。这就是我可以显示的内容：

stateProvider.state(navElement.stateName, {
    url: navElement.regexUrl ? navElement.regexUrl : url,
    searchPage: navElement.searchPage,   //something custom i added
    parent: navElement.parent ? navElement.parent : "",
    redirectTo: navElement.redirectTo,
    views: {
        'subNav@index': {
            templateUrl: defaults.secondaryNavigation,
            controller: 'secondaryNavigationController as ctrl' //static
        },
        'pageContent@index': {
            template: navElement.templateUrl == null 
                                              ? '<div class="emptyContent"></div>' 
                                              : undefined,
            templateUrl: navElement.templateUrl == null 
                                              ? undefined 
                                              : navElement.templateUrl,
            controller: navElement.controller == null 
                                              ? undefined 
                                              : navElement.controller + ' as ctrl'
        }
    }
});

对于嵌套json对象中的每个项目，将执行此代码。如果还有其他有用的方法，请告诉我。

Answer 1

有一个问题：AngularJS-UI-router-如何使用一个答案配置动态视图，该示例显示了如何执行此操作。

怎么了？刷新时，将url尽快评估，然后注册状态。我们必须推迟。解决方案由UI- Router本机功能驱动deferIntercept(defer)

[$ urlRouterProvider.deferIntercept（defer）](http://angular-

ui.github.io/ui-router/site/#/api/ui.router.router.$urlRouterProvider)

如文档中所述：

禁用 _ （或启用）_ 延迟位置更改拦截。

如果您希望自定义同步URL的行为（例如，如果您希望推迟转换但保留当前URL），请在配置时调用此方法。然后，在运行时，$urlRouter.listen()在配置了自己的$locationChangeSuccess事件处理程序之后调用。

简而言之，我们将在配置阶段停止URL处理：

app.config(function ($urlRouterProvider) {

  // Prevent $urlRouter from automatically intercepting URL changes;
  // this allows you to configure custom behavior in between
  // location changes and route synchronization:
  $urlRouterProvider.deferIntercept();

})

一旦我们从JSON配置了所有动态状态，我们就会在.run（）阶段重新启用它：

.run(function ($rootScope, $urlRouter, UserService) {

  ...

    // Once the user has logged in, sync the current URL
    // to the router:
     $urlRouter.sync();

    // Configures $urlRouter's listener *after* your custom listener
    $urlRouter.listen();
});