$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

Answer 1

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