$timeout function not working inside if statement

Question

I am setting up a web form using angular whereby users will complete the form, get a response from the server, and then get redirected to another page.

angular.module('discountController', ['discServices'])

.controller('discCtrl', function(Discount,  $timeout, $location){
    var app = this;

    app.reqDiscount = function(discountData) {
            Discount.reqDiscount(app.discountData).then(function(data) {
                if (data.data.success) {
                    app.successMsg = data.data.message ; // Create Success Message
                    $timeout(function(){
                        console.log('timeout fired');
                        $location.path('/discountoutcome');                        
                        } , 3000);
                } else {
                    app.errorMsg = data.data.message; // Create an error message
                }
            });
        }; 
    });

In the above code I call the app.reqDiscount function and I successfully get a response from the server which populates the app.successMsg variable. But the $timeout function does not then work. However, if I place the $timeout function outside of the if-else statement it does work. This is not what I want, because if there is an error I want to stay on the page.

In other areas of my code I have placed a $timeout function in a nested position like this and it works, so I don't understand why it would not work here.

Any help you can give me would be great. Even if you can not answer this question if you can give me some tips on debugging that would be helpful as console.log() is my only method of debugging currently. I am using Visual Studio Code.

Chrome console: Chrome console screen shot

Visual Studio Console: VSC console

As far as i can see the code looks fine. can you share a print screen of you're console. — Jonathan Dsouza
– Jonathan Dsouza, Commented Apr 3, 2019 at 8:01
@JonathanDsouza screenshots are attached. As you can see in the Chrome screenshot, the $timeout seems to stop after app.successMsg. — user3396156
– user3396156, Commented Apr 4, 2019 at 20:13
can you add the response you are getting in the promise of Discount.reqDiscount(app.discountData) ? — Abdelkarim EL AMEL
– Abdelkarim EL AMEL, Commented Apr 4, 2019 at 20:53

user3396156 · Accepted Answer · 2019-04-06 11:00:21Z

0

I got it. I had coded the API incorrectly. data.data.success was returning false instead of true. Thanks for your help.

answered Apr 6, 2019 at 11:00

user3396156

74 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

$timeout function not working inside if statement

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related