程序问答   发布时间:2022-06-02  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了AngularJS UI路由器抽象状态与解决大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决AngularJS UI路由器抽象状态与解决?

开发过程中遇到AngularJS UI路由器抽象状态与解决的问题如何解决?下面主要结合日常开发的经验,给出你关于AngularJS UI路由器抽象状态与解决的解决方法建议,希望对你解决AngularJS UI路由器抽象状态与解决有所启发或帮助;

和它的 plnkr

因此,在我们的情况下,我们需要在父级中进行此更改

resolve: {
    dataParent: ['$stateParams', 'Profileservice', function ($stateParams, ProfileservicE) {
        var username = $stateParams.username;
        return Profileservice.getProfile(userName);
    }]
}

和这个孩子

resolve: {
    dataChild: ['$stateParams', 'Profileservice', function ($stateParams, ProfileservicE) {
        var username = $stateParams.username;
        return Profileservice.getProfileSomething(userName);
    }]
}

因此,与其在父母和孩子中使用resolve:{data:…},不如说它们是:

// parent state
resolve : { dataParent: ... } 
// child state
resolve : { dataChild: ... }

一个有效的例子应该比其他例子更好。

解决方法

是否可以使用需要解析数据的ui-router来建立抽象状态?我需要使用个人资料信息加载页面的上半部分,然后在页面底部添加一个用于加载其他详细信息的子导航。这个想法是,抽象状态每次都会加载配置文件信息,而不管我处于哪个子状态。它似乎不起作用。

例:

.state('app.profile',{
    abstract: true,url: 'user/:username',views: {
        content: {
            templateUrl: 'views/frontend/profile.html',controller: 'ProfileCtrl',resolve: {
                data: ['$stateParams','Profileservice',function ($stateParams,ProfileservicE) {
                    var username = $stateParams.username;
                    return Profileservice.getProfile(userName);
                }]
            }
        }
    }
})
.state('app.profile.something',{
    url: '',views: {
        profile: {
            templateUrl: 'views/frontend/profile.something.html',ProfileservicE) {
                    var username = $stateParams.username;
                    return Profileservice.getProfileSomething(userName);
                }]
            }
        }
    }
})

大佬总结

以上是大佬教程为你收集整理的AngularJS UI路由器抽象状态与解决全部内容,希望文章能够帮你解决AngularJS UI路由器抽象状态与解决所遇到的程序开发问题。

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

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