AngularJS承诺不会按顺序执行

Question

我无法兑现某些承诺。 在我的应用程序的某些情况下，它们可以正常工作，但在某些情况下，它们永远无法工作。

在我的控制器中，我有以下命令：

   myFactory.redrawCategories()
        .then(myFactory.redrawTasks());

立即调用redrawTasks函数，而无需等待redrawCategories完成。

我工厂内部的功能如下所示

   redrawTasks: function(){
        var defer = $q.defer();
        db.getAllDocs("task_").then(function(res) {

            angular.forEach(res, function(value){
               value = value.doc;
               tasks[value.category].push(value);
            });

            angular.forEach(tasks, function(taskArray, cat){
                // some code
            });

            defer.resolve(1);

        });

        return defer.promise;

    },

另一个像

   redrawCategories: function(){

        var deferred = $q.defer();

        db.getAllDocs("category_").then(function(res) {

                var categoryArray = [];
                angular.forEach(res, function(value){
                    categoryArray.push(value.doc);
                });

                deferred.resolve("done");

        });


        return deferred.promise;

    },

为了更好地了解，已删除了一些unimortant代码。

真的不知道该怎么做。 我试过将resolve（）函数放在返回值的前面，但这也不起作用。

我读过，有时您必须将东西包装在$ scope。$ apply中，在这种情况下很可能是$ rootScope。$ apply，因为它在控制器作用域之外的工厂中，但这并没有真正改变它要么，除了我对它们所描述的“超出Angular的范围”时并没有真正掌握。

我已经阅读了很多示例和教程，但是我再也看不到森林中的树木了。

任何帮助将不胜感激。 我对此很执迷：/谢谢

Answer 1

.then需要一个函数引用。

myFactory.redrawCategories()
    .then(myFactory.redrawTasks());

应该

myFactory.redrawCategories()
    .then(myFactory.redrawTasks);

当您拥有()该函数将立即执行，然后将返回的所有内容传递给.then 。

如评论中所述，如果您在redrawTasks依靠this ，

myFactory.redrawCategories()
    .then(function() { 
       return myFactory.redrawTasks();
    });

Answer 2

尝试：

myFactory.redrawCategories()
    .then(myFactory.redrawTasks);

您正在调用该函数。 相反，您只想将其传递给函数然后进行角度调用。