Question

我的app.js文件中有状态和嵌套状态。父状态有一个按钮，用于控制在嵌套状态下查看的内容，这通过设置url参数和嵌套状态的控制器确定要显示的内容来完成。我想在用户点击按钮时重新加载嵌套状态。

我同时拥有父状态和我希望在点击时重新加载的状态。

我找到了这个stackoverflow但是点击的按钮与正在重新加载的视图位于同一页面上。

App.js文件

.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'
        }
    }
})

家长控制器

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

Answer 1

当我发布这个问题后，我发现了我正在寻找的确切答案。

This stackoverflow帮了我很多。我最终使用了以下

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

仅使用url参数ui-router重新加载嵌套状态而不是父级

1 个答案: