Jak zarządzać błędami 404 ładowanie szablonów dyrektyw w AngularJS

Question

W dyrektywie AngularJS parametr templateUrl jest zdefiniowany dinamicznie.

'templates/' + content_id + '.html' 

Nie chcę ustanowić przepisy w celu sprawdzenia, czy content_id wartość jest ważna i jak nią zarządzać 404 błędów, czyli jeśli szablon nie istnieje obciążenie template/404.html (serwer podczas ładowania szablonu zwraca błąd 404) zamiast.

Jak mogę to zrobić?

Edytowane: Aktualne odpowiedzi sugerują użycie przechwytywacza błędu odpowiedzi. W takim przypadku, skąd mogę wiedzieć, że odpowiedź dotyczy załadowania tego szablonu?

Answer 1

Będziesz musiał napisać przechwytywacz błędu odpowiedzi. Coś takiego:

app.factory('template404Interceptor', function($injector) { 
    return { 
     responseError: function(response) { 
      if (response.status === 404 && /\.html$/.test(response.config.url)) { 
       response.config.url = '404.html'; 
       return $injector.get('$http')(response.config); 
      } 
      return $q.reject(response); 
     } 
    }; 
}); 

app.config(function($httpProvider) { 
    $httpProvider.interceptors.push('template404Interceptor'); 
}); 

Demo:http://plnkr.co/edit/uCpnT5n0PkWO53PVQmvR?p=preview

Answer 2

Można utworzyć interceptor, aby monitorować wszystkie żądania wykonane za pomocą usługi $http i przechwytywać wszelkie błędy odpowiedzi. Jeśli otrzymasz status 404 dla każdego zgłoszonego żądania, po prostu przekieruj użytkownika do strony błędu (template/404.html w twoim przypadku).

.factory('httpRequestInterceptor', function ($q) { 
    return { 
     'responseError': function(rejection) { 
      if(rejection.status === 404){ 
       // do something on error     
      } 

      } 
      return $q.reject(rejection); 
     } 
    }; 
}); 

Będziesz musiał wepchnąć przechwytywacz do $httpProvider w swojej funkcji konfiguracyjnej.

myApp.config(function ($httpProvider, $interpolateProvider, $routeProvider) { 
    $httpProvider.interceptors.push('httpRequestInterceptor'); 
}); 

Oto demo

Cheers!