AngularJS: Recommendation on rendering different view when HTTP 404

Question

What I am doing

I am trying to create a service which loads the user budgets for current month. The code looks like

$scope.thisMonthBudgetSummary = function () { console.log('retrieving budget summary');

    var date = new Date();
    BudgetSummary.get({'month': date.getMonth() + 1, 'year': date.getFullYear()},
        function () {
            // success
        },
        function (error) {
            //error
            console.log('error:', error.status);
        })
};

Problem
- I want to render a different view on Single Page when HTTP response is 404, what is the recommendation on that? I am confused
- I believe its not a good idea to hard code the template name in Controller

I think you should redirect to a 404 route if you don't want to hard code the template name — Issam Zoli
– Issam Zoli, Commented Apr 19, 2014 at 16:41

ms87 · Accepted Answer · 2014-04-19 16:46:12Z

An $http interceptor is certainly one way, in your application configuration you could do:

$httpProvider.interceptors.push(['$q', '$location', function ($q, $location) {
                return {
                    'request': function (config) {
                        return config || $q.when(config);
                    },
                    'requestError': function (rejection) {
                        return $q.reject(rejection);
                    },
                    'response': function (response) {
                        return response || $q.when(response);
                    },
                    'responseError': function (rejection) {
                        if (rejection.status == "404") {
                           $location.path("/yourErrorRoute")
                        }
                        return $q.reject(rejection);
                    }
                };
}])

J.Wells · Accepted Answer · 2014-04-19 22:01:42Z

1

If you are wanting a default functionality across your app, @Mohammad Sepahvand's answer works. If you simply want a one-off for that request, you can do:

var date = new Date();
BudgetSummary.get({'month': date.getMonth() + 1, 'year': date.getFullYear()},
    function (data, status, headers, config)  {
        //check your status here-->
        if (status === '200'){
            $location.path('/path/to/other/route');
        }
    },
    function (data, status, headers, config){
        //check your status here-->
        if (status === '404'){
            $location.path('/path/to/other/route');
        }
    })
};

edited Apr 19, 2014 at 22:01

answered Apr 19, 2014 at 17:54

J.Wells

1,75912 silver badges13 bronze badges

Collectives™ on Stack Overflow

AngularJS: Recommendation on rendering different view when HTTP 404

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related