取消$transitions更改ui-路由器

Question

在某些情况下，我正在尝试使用ui- $transitions取消路由器更改。

在我的run块中，我有以下代码：

   $transitions.onStart( { from: 'createCatalog.previewStyles'}, function(trans) {
      var from = trans.from(),
            to = trans.to();
      previewStylesService.checkSave()
        .then(function success() {
           return $state.target(to);
        }, function err() {
          return $state.target(from);
        });
    });

我的previewStylesService checkSave函数如下所示：

    function checkSave() {
        var deferred = $q.defer()
        if (dataChanged) {
            if (confirm('Would you like to save the changes made to the catalog?')) {
                catalogService.prepCatalogSave()
                    .then(function success() {
                        deferred.resolve();
                    }, function err () {
                        deferred.reject();
                    })
            } else {
                deferred.resolve();
            }
        } else {
            deferred.reject();
        }
        return deferred.promise;
    }

然后，基于上述条件，$transition要么发生，要么取消。问题是，即使上述代码的承诺被拒绝，状态仍然会更改为最初请求的状态。在这种情况下，我如何“取消”状态更改？

Answer 1

我知道现在帮你可能为时已晚，但它可以帮助其他人。我刚刚遇到了同样的问题，经过大约几个小时的研究/文档阅读，我得出结论，$transitions.onBlaBla回调的返回值可能是真(转换恢复正常)、假(转换被取消)或promise (transitionService将等待这个promise rejection/resolve来决定是否需要进行转换

你可以试着返回

return previewStylesService.checkSave()

要查看发生了什么，或者尝试使用返回true/false和一些其他代码挂钩以不同的方式执行此操作

下面是由onSuccess回调返回的钩子结果的链接：https://ui-router.github.io/ng1/docs/latest/modules/transition.html#hookresult

Answer 2

只需从钩子返回false即可取消转换：

https://ui-router.github.io/ng1/docs/latest/modules/transition.html#hookresult