Question

我遇到的问题是，出于某种原因导航到用户家中而不是加载并导致我的浏览器在我检查控制台时冻结。（我从app.user中取出摘要：true）在控制台中显示我的app.user.base的内部彼此嵌套，顶部是主视图，页脚在其中加载。我究竟做错了什么？

    .state('app', {
        abstract: true,
        url: '',
        template: '<ui-view/>'
    })
    .state('app.user', {
        abstract: true,
        url: '/user',
        templateURL: 'app/user/user.html'
    })
    .state('app.user.base, {
        url: '',
        views: {
            mainView: {
                template: '<ui-view/>'
            }
            footer: {
                templateUrl: 'app/user/views/footer.html',
                controller: 'footerCtrl'
            }
        }
    })
    .state('app.user.base.home', {
        url: '/home',
        templateURL: 'app/user/views/home.html',
        controller: 'uHomeCtrl'
    })
    .state('app.user.base.profile', {
        url: '/profile',
        templateURL: 'app/user/views/profile.html',
        controller: 'uProfileCtrl'
    })
    .state('app.main, {
        abstract: true,
        url: '',
        templateURL: 'app/main/main.html'
    })
   .state('app.main.home, {
        url: '/home',
        views: {
        landing: {
           templateUrl: 'app/main/views/landing.html',
           controller: 'landingCtrl'
         },
        about: {
           templateUrl: 'app/main/views/about.html',
           controller: 'aboutCtrl'
        }
    }
})

Answer 1

您需要确保从您拥有的所有无法导航的状态中删除url属性。先做，然后看看你得到了什么新的错误。完全没有要求URL能够导航到某个州。

使用ui-router的嵌套视图的问题

1 个答案: