Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了AngularJs UI-Router – 页面刷新$state.current现在为空大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个使用ui-router的Angular应用程序,每当我刷新页面时我都会遇到问题.我正在使用嵌套视图,命名视图来构建应用程序.每当我刷新页面时,ui-router都不会重新加载当前状态,只是将页面留空.

页面加载$state.current等于

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

我正在通过$http从.json文件中读取导航并循环遍历各个州.所以这就是我能展示的:

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对象中的每个项执行此代码.如果还有其他任何有用的东西,请告诉我.

一个问题: AngularJS – UI-router – How to configure dynamic views一个答案,显示了如何做到这一点.

$urlRouterProvider.deferIntercept(defer)

文件中所述:

简而言之,我们将在配置阶段停止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();
});

链接Q & A一个plunker

大佬总结

以上是大佬教程为你收集整理的AngularJs UI-Router – 页面刷新$state.current现在为空全部内容,希望文章能够帮你解决AngularJs UI-Router – 页面刷新$state.current现在为空所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。