具有不同 $stateParams 的离子 $ionicHistory.goBack

Question

TL;DR

有没有办法使用 $ionicHistory.goBack(-2) 更改我要返回的状态的 $stateParams？

---

我正在使用 Ionic 开发一个小应用程序，但我面临以下问题：

我有几个状态是整个过程的一部分：productInfo、选择和比较。用户选择一个产品，然后它的信息显示在 state productInfo 中。所选产品通过$stateParams。

productInfo 状态

$stateProvider.state('productInfo', {
      url: '/compare/info',
      params: {
        product: null
      },
      cache: false,
      views: {
        'main-screen': {
          templateUrl: 'templates/modules/comparator/info.html',
          controller: 'CompareInfoCtrl',
          controllerAs: 'product'
        }
      }
})

在productInfo中，有一个比较按钮，用户可以在其中进行选择，然后选择另一个产品与第一个产品进行比较。

当用户在选择状态下确认他的选择时，应用程序会进入最后一个状态，即比较，显示两个产品的结果。

在最后一个状态（比较）中，如果用户单击其中一个产品，应用程序必须返回到状态 1，productInfo，并选择单击的产品。

我使用$ionicHistory.goBack(-2) 而不是$state.go('productInfo') 来避免弄乱我的后退按钮（每个屏幕都有一个默认按钮，它只调用$ionicHistory.goBack()）。

问题出现了：我无法更改 productInfo 状态的$stateParams，因此会显示最后选择的产品。

理想的情况是$ionicHistory.goBack(-2, {product: obj})。

我的最后一张照片是：

this.$ionicHistory.viewHistory().views[this.$ionicHistory.backView().backViewId].stateParams.id = this.selectedProduct.id;
this.$ionicHistory.goBack(-2);

但这会创建新的历史记录，因此无法按预期工作。

Answer 1

您是否尝试过清除前两个视图（'productInfo'、'comparison'），然后进入请求状态。它会是这样的：

$ionicHistory.removeBackView();
$ionicHistory.removeBackView();
$state.go('productinfo', {product: <selected-product>});