Reload nested state only not parent with url parameter ui-router

Question

I have a state and a nested state in my app.js file. The parent state has a button that controls what is viewed in the nested state, this is done by setting url parameter and the nested state's controller figures out what to show. I want to reload JUST the nested state when the user clicks the button.

I have both the parent state and the state I want to be reloading now on click.

I found this stackoverflow but the button being click is on the same page as the view being reloaded.

App.js file

.state('index.main', {
    url: 'main/:userID',
    templateUrl: 'views/main.html',
    controller: 'MainCtrl'
})
.state('index.main.user', {
    url: '/',
    views: {
        'user@index' : {
            templateUrl: 'views/user.html',
            controller: 'UserCtrl'
        }
    }
})

Parent Controller

$scope.showUser = function(user) {
    $state.go('index.main.user', { userID: user._id });
}

Community · Accepted Answer · 2017-05-23 12:26:39Z

0

Naturally right after I posted this question I found the exact answer I was looking for.

This stackoverflow helped me alot. I ended up using the following

$state.go('index.main.user', { userID: user._id }, {reload: 'index.main.user');

edited May 23, 2017 at 12:26

CommunityBot

11 silver badge

answered Feb 9, 2016 at 15:41

tester123

1,1232 gold badges12 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Reload nested state only not parent with url parameter ui-router

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related