angular 2 redirect using router.navigate

Question

I'm new to angular 2 and trying to create a login app which I managed okay however after checking user/pass then redirect to dashboard it reloads the app. Is there a way to not refresh the page using router.navigate?

Edit: it redirects to dashboard first then reloads the page then redirects again back to dashboard.

import { Component } from '@angular/core';
import { Router, ROUTER_DIRECTIVES } from '@angular/router';

@Component({
    selector: 'login',
    templateUrl: './app/login/views/login.html',
})

export class LoginComponent {
    constructor(public router: Router) {}
    data = {
        username: "",
        password: "",
    };
    loginAction (){
        if(this.data.username=="user1" && this.data.password=="pass1"){
            console.log('do redirect to dashboard');
            this.router.navigate(['dashboard']);
        } else {
            console.log('Something is wrong with your user/password.');
        }
    }
}

kTn · Accepted Answer · 2016-07-07 10:00:44Z

1

this.router.navigate(['/dashboard']);

answered Jul 7, 2016 at 10:00

kTn

5953 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

nCore Over a year ago

yeah did that too and still refresh the page, also this should be a comment than an answer.

nCore Over a year ago

hm perhaps that's the answer. Another question about routing, is there a way to restrict user from doing /dashboard? if they force to go to this route without checking localStorage it should redirect them back. Normally it'd be something like if(localStorage.getItem)..

ducktyped · Accepted Answer · 2016-07-07 09:30:30Z

0

Did you try relativeTo

router.navigate(['dashboard'], {relativeTo: route});

answered Jul 7, 2016 at 9:30

ducktyped

4,5124 gold badges29 silver badges39 bronze badges

1 Comment

nCore Over a year ago

not yet however that's giving me an error compilation, tired injecting route in the const and import but in {relativeTo: route} route is can't find name. See my edit in my original post.

Collectives™ on Stack Overflow

angular 2 redirect using router.navigate

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related