0

这是本周我第三次在它的应用程序中遇到一些用户像这样的 AppController 的代码

<body ng-app="app" ng-controller="AppCtrl">
  <div id="inner" ng-view=""  ></div>
</body>

在控制器中，它们重定向到应用程序的不同部分，就像这样

.controller("AppController",function({$location}{
    if(isUserAthenticated){
        $location.path("/home");
    }else{
       $location.path("/login")
    }
});

这是正确的方法吗？因为在我看来不是。我认为这种方法非常老套，应该有正确的方法来做到这一点。你们能告诉我处理这种情况的最佳和推荐方法吗？

更新：路由配置

   // delete  $httpProvider.defaults.headers.common["Access-Control-Request-Headers"];
    $routeProvider
        .when('/app', {
            templateUrl: 'views/login.html',
            controller: 'AppCtrl'
        }).
    when('/privados', {
        templateUrl: 'views/privados.html',
        controller: 'PrivadosCtrl  as ctrl'
    }).
    when('/mensaje/:id', {
        templateUrl: 'views/mensaje.html',
        controller: 'MensajeCtrl as ctrl'
    }).
    when('/grupales', {
        templateUrl: 'views/grupales.html',
        controller: 'GrupalesCtrl as ctrl'
    }).
    when('/comunicados', {
        templateUrl: 'views/comunicados.html',
        controller: 'ComunicadosCtrl as ctrl'
    }).
    when('/contactos', {
        templateUrl: 'views/contactos.html',
        controller: 'ContactosCtrl'
    }).
    when('/perfil', {
        templateUrl: 'views/perfil.html',
        controller: 'PerfilCtrl'
    }).
    when('/principal', {
        templateUrl: 'views/principal.html',
        controller: 'PrincipalCtrl as ctrl'
    }).
    when('/nmensaje/:type', {
        templateUrl: 'views/nmensaje.html',
        controller: 'NMensajeCtrl as ctrl'
    }).
    when("/user/password",{
        templateUrl:"views/passwordreset.html",
        controller: "ResetPasswordCtrl as ctrl"
    }).
    otherwise({
        redirectTo: '/app'
    });
4

1 回答 1

0

我发现在 Angular 应用程序中管理身份验证的最佳方法如下：

在.config()Angular 应用程序的方法中：

//this event will be fired in every location change.
$rootScope.$on('$routeChangeSuccess', function(e, toState, fromState) {
            if (toState.loginRequired) {
                if (!isUserAthenticated()) {
                    e.preventDefault();
                    $location.path('/login');
                }
            }
        });

然后在您的路线中，您可以指定哪一个需要登录：

when('/nmensaje/:type', {
    templateUrl: 'views/nmensaje.html',
    controller: 'NMensajeCtrl as ctrl',        
    loginRequired: true
}).
when("/user/password",{
    templateUrl:"views/passwordreset.html",
    controller: "ResetPasswordCtrl as ctrl",
    loginRequired: true

}).

此外，您可以创建一个 Angular Factory 来管理用户的身份验证状态。

请注意，使用这种方法，您将不需要 AppCtrl。

于 2016-12-29T19:58:55.360 回答