javascript - 函数中的延迟 Promise 不会延迟函数的执行

Question

我正在为延迟的 promise 而苦苦挣扎。我有一个非常难看的字符串:

我、公司名称、SSQ ID、您工作的公司 (Extraction/XTR/8North) 以及问题 #17 中分配给您公司的级别。

|Y132~
|Y133~

|Y134~

|Y138~
|Y139~
|Y140~

|Y141~
|Y142~
|Y143~

我必须将每次出现的“|Y000~”替换为 URL 链接。该部分代码工作正常。问题是我不知道如何使用 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;

                    })

非常感谢任何帮助!

Answer 1

$q.all(promises) 返回一个 promise 。您应该能够使用 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;

}