angular.js - ui-router 视图嵌套时如何指定二级视图显示默认页面？

Question

具体的情况是这样的，现在一个问题是：当跳转到user页面时，右边的uiview是为空的，要点击了左侧的导航才能插入模板，如何在路由中设置二级视图的默认显示页面呢？
上代码：
`$stateProvider

.state('user', {
    url: '/user',
    views: {
        '': {
           templateUrl: 'public/front/temphtml/usercenter/userindex.html' 
        }
    }  
})
.state('user.a', {
    url: '/a',
    views: {
       'content@user': {
           templateUrl: 'public/front/temphtml/usercenter/a.html',
           controller: 'userCtrl'
       } 
    }
})
.state('user.b', {
    url: '/b',
    views: {
       'content@user': {
           templateUrl: 'public/front/temphtml/usercenter/b.html',
           controller: 'userCtrl'
       } 
    }
})`

Answer 1

Testé et peut résoudre votre problème.
.state('utilisateur', {

url: '/user',
views: {
    '': {
       templateUrl: 'public/front/temphtml/usercenter/userindex.html' ，
       controller: function($state){
            $state.go('user.a');//默认显示第一个tab
        }
    }
}  

})
.state('user.a', {

url: '/a',
views: {
   'content@user': {
       templateUrl: 'public/front/temphtml/usercenter/a.html',
       controller: 'userCtrl'
   } 
}

})
.state('user.b', {

url: '/b',
views: {
   'content@user': {
       templateUrl: 'public/front/temphtml/usercenter/b.html',
       controller: 'userCtrl'
   } 
}

})`

Answer 2

.state('user', {
    //我觉得你进到user页面直接设置你需要默认显示页面的url就好了
    url: '/a',
    views: {
        '': {
           templateUrl: 'public/front/temphtml/usercenter/a.html' 
        }
    }  
})
.state('user.a', {
    url: '/a',
    views: {
       'content@user': {
           templateUrl: 'public/front/temphtml/usercenter/a.html',
           controller: 'userCtrl'
       } 
    }
})
.state('user.b', {
    url: '/b',
    views: {
       'content@user': {
           templateUrl: 'public/front/temphtml/usercenter/b.html',
           controller: 'userCtrl'
       } 
    }
})`

Answer 3

Je définis généralement une page par défaut pour exécuter $state.go();

sous certaines conditions de jugement

Par exemple, j'ai configuré le routeur d'index, puis j'ai configuré une page index.homepage

Je jugerai une fois que l'utilisateur se sera connecté à la page. Si la connexion est réussie, accédez directement à index.homepage. Bien sûr, le modèle configuré dans index.homepage est la page par défaut ;

Valeur totale, utilisez simplement $state.go() pour pointer vers un itinéraire lorsque vous en avez besoin.

Answer 4

Définissez la valeur par défaut :

app.config(function($urlRouterProvider){
    $urlRouterProvider.when('', '/index');
});

Answer 5

Il devrait être interdit de sauter vers /user（添加属性 abstract:true). Il n’y a aucune raison de faire cela, sautez simplement sur le chemin que vous souhaitez.

Answer 6

Comment résoudre le problème de retour d'adresse impliqué dans le routage multi-niveaux

Answer 7

Le propriétaire de la question a-t-il une solution ? Veuillez répondre à la même question...