2016-07-07 2 views
1

Я новичок в угловом 2 и пытаюсь создать приложение для входа в систему, которое мне удалось, но после проверки пользователя/передачи, а затем перенаправления на панель инструментов, он перезагружает приложение. Есть ли способ не обновлять страницу с помощью router.navigate?angular 2 redirect using router.navigate

Редактировать: он сначала перенаправляется на панель управления, затем перезагружает страницу, а затем перенаправляет ее обратно на панель управления.

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.'); 
 
     } 
 
    } 
 
}

ответ

1

this.router.navigate ([ '/ приборную панель']);

+0

Да, он тоже сделал это и все еще обновлял страницу, также это должен быть комментарий, чем ответ. – nCore

+0

hm возможно, это ответ. Еще один вопрос о маршрутизации, есть ли способ ограничить использование пользователем/панелью? если они вынуждены идти на этот маршрут, не проверяя localStorage, он должен перенаправить их обратно. Обычно это будет что-то вроде if (localStorage.getItem). – nCore

0

ли вы попробовать relativeTo

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

еще нет, однако это дает мне компиляцию ошибок, усталый вводный маршрут в const и импорт, но в {relativeTo: route} маршрут не может найти имя. Смотрите мое редактирование в моем оригинальном посте. – nCore