javascript - 为什么我的 $q resolve 和 promise 不像我想的那样工作？

Question

我总是对 $q 有问题

这是一个立即触发 .then 的例子

    function doit() {
            var deferred = $q.defer();

            var modalInstance = $modal.open({
                template: '<p>this is modal</p><a ng-click="ok()">ok</a>',
                controller: function ($scope, $modalInstance) {
                    $scope.ok = function () {
                        $modalInstance.close();
                    };
                }
            });

            modalInstance.result.then(function () {
                console.log('ok');
                deferred.resolve();
            }, function () {
                console.log('Modal dismissed');
            });

            return deferred.promise;
        }

其他地方:

    $scope.service.doit().then(
                $scope.variable = 5
            );

http://jsfiddle.net/IngoVals/stqwanhm/

我在尝试对另一个类似的设置建模时在 Fiddle 中得到了这个，其中 .then 根本没有触发。这是怎么回事？

Answer 1

它不会立即触发，只是您在 then 回调之外更新范围属性。这段代码:

$scope.service.doit().then(
    $scope.variable = 5
);

不正确，应该是

$scope.service.doit().then(function() {
    $scope.variable = 5
});

另一个问题是所谓的deferred anti-pattern .避免创建冗余的延迟对象:

function doit() {
    return $modal.open({
        template: '<p>this is modal</p><a ng-click="ok()">ok</a>',
        controller: function ($scope, $modalInstance) {
            $scope.ok = function () {
                $modalInstance.close();
            };
        }
    }).result.then(function () {
        console.log('ok');
    }, function () {
        console.log('Modal dismissed');
    });
}

演示: http://jsfiddle.net/stqwanhm/2/