angular.js - How to specify the secondary view to display the default page when the ui-router view is nested?

Question

The specific situation is like this. Now a problem is: when jumping to the user page, the uiview on the right is empty, and you have to click on the navigation on the left To insert a template, how to set the default display page of the secondary view in the routing?
Code above:
`$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

Tested and can solve your problem.
.state('user', {

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

I usually set a default page to execute $state.go();

under certain judgment conditions

For example, I set up the index router, and then set up an index.homepage

I will judge after the user logs in to the page. If the login is successful, jump directly to index.homepage. Of course, the template configured in index.homepage is the default page;

Total value, just use $state.go() to point to a route when you need it.

Answer 4

Set the default:

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

Answer 5

It should be forbidden to jump to /user（添加属性 abstract:true). There's no reason to do this, just jump to the path you want.

Answer 6

How to solve the address return problem involved in multi-level routing

Answer 7

Does the question owner have a solution? Please answer the same question...