angularjs - 取消 $transitions 更改 ui-router

Question

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

在我的运行 block 中，我有以下代码:

   $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 要么发生要么取消。问题是，即使上面代码的 promise 被拒绝，状态仍然会改变到最初请求的状态。在这种情况下如何“取消”状态更改？

Answer 1

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

你可以尝试返回

return previewStylesService.checkSave()

通过返回 true/false 和一些其他代码钩子(Hook)来查看会发生什么或尝试以不同的方式执行此操作

这是您的 onSuccess 回调返回的 Hook 结果的链接: https://ui-router.github.io/ng1/docs/latest/modules/transition.html#hookresult