重新加载嵌套状态,而不是具有 url 参数 ui 路由器的父级

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

本文关键字:参数 url ui 路由器 加载 新加载 嵌套 状态      更新时间:2023-09-26

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

我既有父状态,也有我现在想在单击时重新加载的状态。

我发现了这个堆栈溢出,但正在单击的按钮与正在重新加载的视图位于同一页面上。

应用程序.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 });
}

自然,在我发布这个问题后,我找到了我正在寻找的确切答案。

这种堆栈溢出对我帮助很大。 我最终使用了以下内容

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