防止在 ui-router 中重新加载父控制器

Question

我在 ui-router 中遇到嵌套视图的问题。

我的布局是：

网站搜索
-----------------
site.search.runs
-----------------
site.search.runs.scheme
-----------------
site.search.runs.scheme.payment
-----------------

我不想更改 url，这就是为什么我使用$state.go('', {}, {location:false}); I 也$stage.go('^'...)用于返回父级。

但是当我点击 site.search.runs.scheme.payment 或 site.search.runs.scheme 上的后退按钮时 - site.runs 控制器也会重新加载（我不使用 {reload:true}）。
如何防止重新加载顶级父控制器？
我发现了一个像我这样的问题https://github.com/angular-ui/ui-router/issues/2096
有人可以帮我吗？

我的配置是

$stateProvider
        .state('site', {
            abstract: true,
            url: '',
            template: '<ui-view/>'
        })
        .state('site.search', {
            url: '',
            parent: 'site',
            controller: 'SearchController',
            controllerAs: 'search',
            templateUrl: 'js/search/search.tpl.html'
        })
        .state('site.search.runs', {
            url: '',
            parent: 'site.search',
            params: {back: false, timestamp: 0, search: {}},
            controller: 'RunsController as runsCtrl',
            templateUrl: 'js/runs/runs.tpl.html'
        })
        .state('site.search.runs.scheme', {
            url: '',
            parent: 'site.search.runs',
            params: {back: false, run: ''},
            controller: 'SchemeController as schemeCtrl',
            templateUrl: 'js/scheme/scheme.tpl.html'
        })
        .state('site.search.runs.scheme.payment', {
            url: '',
            parent: 'site.search.runs.scheme',
            params: {back: false},
            controller: 'PaymentController as payCtrl',
            templateUrl: 'js/payment/liqpay/payment.tpl.html'
        })
});

Back 方法调用这个 $state.go('^', {back: true}, {location: false, inherit: false});

Answer 1

您可以做的一个肮脏的技巧是将控制器代码包装在 if 语句中并执行类似的操作（这绝不是最好的方法，但它肯定会起作用）：

// make sure you inject $state
// and put the if statement inside the main function of your controller

function RunsController($state) {
    // var will return something like: site.search.runs.scheme
    var currentState = $state.current.name;

    if (currentState === 'site.search.runs') {
        // in here put the code that would normally be in this controller for site.search.runs
    }

}