javascript - 推迟履行职能的 promise 不推迟履行职能

我正在为兑现承诺而苦苦挣扎。我的字符串很丑陋：

我，公司名称，SSQ ID，您正在使用的公司（Extraction / XTR / 8North）以及分配给问题17中的公司的层。
    | Y132〜
    | Y133〜
    | Y134〜
    
    | Y138〜
    | Y139〜
    | Y140〜
    
    | Y141〜
    | Y142〜
    | Y143〜
    

我必须用URL链接替换每次出现的“ | Y000〜”。该部分代码正常工作。问题是我无法弄清楚如何使用一个promise来等待该函数（包括多个promise的延迟）来等到该函数完成后再继续。

我的“ convertString”函数中包含以下内容：

getAllClusterLinks(indices, returnString)
returnString = $scope.returnString;

这是convetString函数：

function convertClusterText(questions, field) {
    angular.forEach(questions, function (value, key) {
        if (value.vchTextBeforeQuestionCluster != null) {
            var str = value.vchTextBeforeQuestionCluster;
            var returnString = str.replaceAll('|B', '<b>');
            returnString = returnString.replaceAll("|b", "</b>");
            returnString = returnString.replaceAll("|+", "<br/>");
            returnString = returnString.replaceAll("|L", "<");
            returnString = returnString.replaceAll("|R", ">");
            returnString = returnString.replaceAll("|T", "<table border='1'>");
            returnString = returnString.replaceAll("|/T", "</table>");
            returnString = returnString.replaceAll("|S", "<tr>");
            returnString = returnString.replaceAll("|/S", "</tr>");
            returnString = returnString.replaceAll("|C", "<td>");
            returnString = returnString.replaceAll("|/C", "</td>");
            returnString = returnString.replaceAll("|A", "&#39;");
            returnString = returnString.replaceAll("|Q", "&amp;");
            returnString = returnString.replaceAll("|P", "&#59;");
            returnString = returnString.replaceAll("|W", "&#34;");
            returnString = returnString.replaceAll("|H", "<hr style='width: 100%;'>");
            returnString = returnString.replaceAll("|U", "<span style='text-decoration:underline'>");
            returnString = returnString.replaceAll("|x", "</span>");
            returnString = returnString.replaceAll("|N", "<span style='color:black'>");
            returnString = returnString.replaceAll("|D", "<span style='color:blue'>");
            returnString = returnString.replaceAll("|E", "<span style='color:red'>");
            returnString = returnString.replaceAll("|G", "<span style='color:gray'>");
            if (returnString.indexOf("|Y") >= 0) {
                var indices = [];
                var linkCode;

                indices = getIndicesOf("|Y", returnString, true);

                if (indices.length > 1) {

                    getAllClusterLinks(indices, returnString)
                    .then(function () {
                        returnString = $scope.returnString;

                    })
                           value.vchTextBeforeQuestionCluster = returnString;



                }
                else {
                    linkCode = getLink(returnString);
                    contractorService.gethyperlink(linkCode)
                    .success(function (data) {
                        var vchUrl = data[0].vchUrl;
                        var docID = getDocumentID(vchUrl);
                        var vchLinkName = data[0].vchLinkName;
                        questions[key].document = docID;
                        var yay = '<a href="" ng-click="getDocument(cluster)">' + vchLinkName + '</a>';
                        var yCode = "|Y" + linkCode + "~";
                        returnString = returnString.replaceAll(yCode, yay);
                        value.vchTextBeforeQuestionCluster = returnString;
                    })
                }

            }
            else {
                value.vchTextBeforeQuestionCluster = returnString;

            }


        }
    });
};

在执行下一行之前，我需要“ getAllClusterLinks”来完成。这是“ getAllClusterLinks”的代码：

function getAllClusterLinks(indices, returnString) {
    var promises = [];
    var times = 0
    var endIndex = 0;
    angular.forEach(indices, function (value, key) {
        endIndex = getEndIndicesOf("~", returnString, value);
        linkCode = getMultiLinks(returnString, value, endIndex)
        var promise = getClusterLinks(linkCode, returnString);
        promises.push(promise);
    })

    return $q.all(promises);
}
function getClusterLinks(linkCode, returnString) {
    var deferred = $q.defer();
    $scope.returnString = returnString;
    contractorService.gethyperlink(linkCode)
    .success(function (data) {
        var vchUrl = data[0].vchUrl;
        var end = vchUrl.length;
        var docID = vchUrl.substring(vchUrl.indexOf("=") + 1, end);
        var vchLinkName = data[0].vchLinkName;
        var yay = '<a href="" ng-click="getDocument(' + docID + ')">' + vchLinkName + '</a>';
        var yCode = "|Y" + linkCode + "~";
        $scope.returnString = $scope.returnString.replaceAll(yCode, yay);
    })
    return deferred.promise;

}

上面的代码按预期工作，但是我需要先完成它，然后再设置行returnString = $scope.returnString;。

尝试了这个，但是不起作用：

                     getAllClusterLinks(indices, returnString)
                    .then(function () {
                        returnString = $scope.returnString;

                    })

非常感谢您的协助！

最佳答案

$ q.all（promises）返回一个承诺。您应该可以使用then（）。

 getAllClusterLinks(indices, returnString).then(function() {
     returnString = $scope.returnString;
});

[https://docs.angularjs.org/api/ng/service/ $ q] [1]

编辑：您应该解决您的延迟的对象

旁注：我相信success（）已被弃用，您也应该使用.then

function getClusterLinks(linkCode, returnString) {
    var deferred = $q.defer();
    $scope.returnString = returnString;
    contractorService.gethyperlink(linkCode)
    .success(function (data) {
        var vchUrl = data[0].vchUrl;
        var end = vchUrl.length;
        var docID = vchUrl.substring(vchUrl.indexOf("=") + 1, end);
        var vchLinkName = data[0].vchLinkName;
        var yay = '<a href="" ng-click="getDocument(' + docID + ')">' + vchLinkName + '</a>';
        var yCode = "|Y" + linkCode + "~";
        $scope.returnString = $scope.returnString.replaceAll(yCode, yay);
        deferred.resolve(); // resolve here
    })
    return deferred.promise;

}