首次登录angular js后，如何自动将页面从“ /”路由重定向到主“ / dashboard”路由？

Question

I have auth.js page which decides which route to direct to after login.I am using ui-router for routing.Now the thing is after login user details are captured and the route accordingly changes.Here if I change the route from '/dashboard' to '/' and hit enter, then it first shows sign in page then redirects to dashboard which I don't want.If I go from '/dashboard' to '/' then it should automatically go to dashboard page without going to sign in page.How do I achieve this?

Thanks in advance

Answer 1

In your auth.js when user signIn (callback after user signIn success)

//In SignIn success callback.

$state.go('dashboard');//for state
$location.path("/dashboard");//for url dashboard

Hope it helps

Answer 2

You can use resolve to address this issue. When you are redirecting to "/" page. Just check in resolve section, whether the user is logged in or not. If the user is logged in, redirect to dashboard page.

Answer 3

then it first shows sign in page then redirects to dashboard which I don't want.If I go from '/dashboard' to '/' then it should automatically go to dashboard page without going to sign in page.How do I achieve this

Really depends on your code. I recommend having the login route / logic maintained by the backend (check credentials there, and send a redirect to /login if not logged in.)

Answer 4

<!--HTML code-->
<div ng-init="CheckIfLoggedIn()">
  <form id="login-form"> 
  ..............
  </form>
</div>

//in angular JS
$scope.CheckIfLoggedIn = function(){
    if (loggedinuser){
        $location.path("/dashboard");
    }
};