AngularJS UI router handling 404s

Question

I have an app with a service which wraps my API calls:

var ConcernService = {
    ...
    get: function (items_url, objId) {
        var defer = $q.defer();
         


        

Answer 1

I differ between two 404 states:

Server:

• show 404 page depending on server response HTTP Code 404
• important to define no URL, so that user stays on URL where the error happened

Client:

• URL is not found by angular ui router (none of defined URLs)

---

Code for Angular UI-Router state:

$stateProvider
  .state('404server', {
    templateUrl: '/views/layouts/404.html'
  })
  .state('404client', {
    url: '*path',
    templateUrl: '/views/layouts/404.html'
  });

Code in $httpProvider interceptor:

if(response.status === 404) {
  $injector.get('$state').go('404server');
}

And why I used $injector instead of $state is explained here.