Redirect to a 404 after a GET error

Question

Is it possible to redirect, without changing the URL, in a specific controller? I would like that, if into a controller I have an error from a GET request, it must show me the 404 page. For instance, I have the following files.

index.html:

<!DOCTYPE html>
<html ng-app="app" ng-controller="MainCtrl">
<head>
    ...
</head>
<body>
    ...
    <ng-view></ng-view>
    ...
</body>
</html>

app.js:

angular
.module('app', [...])
...
.config(function($routeProvider) {
    $routeProvider
    .when('/', {
        templateUrl: 'views/home.html',
        controller:  'HomeCtrl'
    })
    .when('/page1', {
        templateUrl: 'views/page1.html',
        controller:  'Page1Ctrl'
    })
    .when('/page2', {
        templateUrl: 'views/page1.html',
        controller:  'Page2Ctrl'
    })
    .when('/page3', {
        templateUrl: 'views/page3.html',
        controller:  'Page1Ctrl'
    })
    ...
    .otherwise({
        templateUrl: 'views/404.html',
        controller:  '404Ctrl'
    });
});

The redirect, for example, must be make in page1.js

angular.module('app')
.controller('Page1Ctrl', function($scope, $http) {
    $http.get(...).then(function() {
        // all ok.
    }, function() {
        // error, redirect to 404 page.
    });
});

How I can do that?

Please refer this https://stackoverflow.com/questions/28171486/render-404-page-without-redirecting-in-angular-js — Rohan Kawade, Jun 22 '17 at 05:26

Kiran Pawar · Answer 1 · 2017-06-22T09:29:36.523

2

Your route for 404 page should be :

.when('/404Page', {
    templateUrl: 'views/404.html',
    controller:  '404Ctrl'
});

And You can handle it in interceptor as follows :

$provide.factory('MyHttpInterceptor', function ($q, $window ) {
    return {

        // On response failture
        responseError: function (rejection) {

          if(rejection.status==400)
             $state.go('404Page');

          return $q.reject(rejection);
        }
    }
  });
  //push interceptor into interceptors array
  $httpProvider.interceptors.push('MyHttpInterceptor');

I hope this would help you.

edited Jun 22 '17 at 09:29

answered Jun 22 '17 at 05:36

Kiran Pawar

322
1
2
16

dont you have to push the interceptor to $httpProvider.interceptors array.. – Shayuh Jun 22 '17 at 09:18
Yes. I have to push the the interceptor into interceptors array like this : `$httpProvider.interceptors.push('MyHttpInterceptor')` – Kiran Pawar Jun 22 '17 at 09:28

Redirect to a 404 after a GET error

1 Answers1