Redirection vers une page d'erreur en Angularjs

Je suis nouveau sur AngularJs. J'ai une seule page de l'app avec les routes configuré avoir un contrôleur et la vue. La vue chargés à l'intérieur de la <ng-view></ng-view> élément de la index.html page. À l'intérieur de la manette, je fais un http appeler pour obtenir les données et de liaison de données à la $scope. Pour la réussite des scénarios, cela fonctionne bien, mais si il y a une erreur comment puis-je brancher un autre point de vue au lieu de la vue par défaut configurés à l'intérieur de l'angle de la route. S'il vous plaît laissez-moi savoir.

Il est préférable de ne pas rediriger à partir de la page mais pour rendre le 404 modèle à l'intérieur de l'URL courante. découvrez le comportement de sites web sur la 404 de l'état. pour une telle approche, this et this peut-être être utile.

OriginalL'auteur zilcuanu | 2014-07-08

  1. 17

    Utilisation $location.url() pour rediriger vers une 404.html quand l'erreur est survenue

    $http.get(url,[params])
    .success(function(data, status, headers, config){
        //bind your data to scope
    })
    .error(function(data, status, headers, config) {
        $location.url('/404');
    });

    Ensuite configurer votre $routeProvider

    $routeProvider
    .when('/404', {
        templateUrl: '404.html',
        controller: 'Four04Controller'
    })
    est-il de toute façon à rediriger vers 404page avant le chargement de la vue principale? parce que dans ce cas, à première vue principale chargée et après que la 404 a été chargé , est de toute façon il suffit de charger 404page? voici ma question stackoverflow.com/questions/27685654/...

    OriginalL'auteur Raghavendra

  2. 32

    À mettre en œuvre des scénarios courants pour le traitement ajax erreurs que vous pouvez mettre en œuvre personnalisée intercepteur de demande et de rediriger l'utilisateur vers une page d'erreur (ou de la page de login) selon le statut de l'erreur:

    myApp.factory('httpErrorResponseInterceptor', ['$q', '$location',
  function($q, $location) {
    return {
      response: function(responseData) {
        return responseData;
      },
      responseError: function error(response) {
        switch (response.status) {
          case 401:
            $location.path('/login');
            break;
          case 404:
            $location.path('/404');
            break;
          default:
            $location.path('/error');
        }

        return $q.reject(response);
      }
    };
  }
]);

//Http Intercpetor to check auth failures for xhr requests
myApp.config(['$httpProvider',
  function($httpProvider) {
    $httpProvider.interceptors.push('httpErrorResponseInterceptor');
  }
]);

    Plunker ici

    D'accord. C'est beaucoup mieux, plus générique, de façon à mettre en œuvre la gestion des erreurs dans Angulaire de l'app.
    Fonctionne assez bien. Merci pour cette!

    OriginalL'auteur Yuriy Rozhovetskiy

  3. 3

    vous pouvez utiliser: https://github.com/angular-ui/ui-router
    En cas d'erreur, vous pouvez déclencher une "erreur" de l'état.
    J'ai eu le même problème il y a quelques semaines et j'ai résolu de cette façon

    OriginalL'auteur chf

  4. 0

    Si vous utilisez $stateProvider au lieu de $routeProvider vous pouvez le faire comme ceci:

    function routerConfig($stateProvider, $urlRouterProvider) {
  $stateProvider
     .state('404', {
       url: '/404',
       templateUrl: '404.html'
     })
     .state('home', {
       url: '/',
       templateUrl: 'home.html'
     });

  $urlRouterProvider.otherwise('/404');
}

    Attention à $urlRouterProvider.dans le cas contraire(url), ce qui est la fonction qui est appelée lorsque le fournisseur ne trouve pas l'url demandée, de sorte qu'il rediriger automatiquement vers l'url fournie dans cette fonction.

    OriginalL'auteur luizfelippe