Promise - TypeError：無法讀取未定義的屬性'then'

Question

我想我只需要另外一雙眼睛，因為我無法得到我在這里所缺少的東西。

   $scope.checkout = function (form) {
        //some code here

        function checkoutErrorHandler(error) {
          //some code here
        }

        function displaySuccessMessage() {
            $scope.success = true;
            cartService.emptyCart();    
        }

        checkoutService.makePayment($scope.payment).then(function (i) {

            //some code here
            checkoutService.buyProducts($scope.payment, products, i).then(function () {
                    displaySuccessMessage().then(function(){
                        $scope.payment = {}; // clear checkout form
                        $scope.form.reset();
                    });
                    return displaySuccessMessage;
                },
                checkoutErrorHandler
            );
        }, checkoutErrorHandler);
    };

當我調用displaySuccessMessage時，我得到“無法讀取屬性”，然后是“未定義”。 我嘗試過幾種不同的重構方式，但無法讓它發揮作用。 有誰看到我的錯誤？

Answer 1

您的displaySuccessMessage不會返回承諾。 事實上，它不會返回任何東西。

假設cartService.emptyCart()返回一個promise ，你可以像這樣修改displaySuccessMessage ，它應該可以正常工作：

    function displaySuccessMessage() {
        $scope.success = true;
        return cartService.emptyCart();
    }