angular 2重定向使用router.navigate

我是新来的角2，并试图创建一个登录应用程序，我管理好但是在检查用户/通过然后重定向到仪表板它重新加载应用程序。有没有办法不使用router.navigate刷新页面？angular 2重定向使用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.'); 
 
     } 
 
    } 
 
}

来源

2016-07-07 nCore

this.router.navigate（[ '/仪表板']）;

来源

2016-07-07 10:00:44 kTn

耶也是这样做，仍然刷新页面，这也应该是一个评论而不是答案。 – nCore

嗯也许这就是答案。关于路由的另一个问题，是否有办法限制用户从做/仪表板？如果他们强迫去这条路线而不检查localStorage，它应该重定向它们。通常它会像if（localStorage.getItem）.. – nCore

你尝试relativeTo

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

来源

2016-07-07 09:30:30 ducktyped

但是，这是给我一个错误编译，疲劳注入路由在const和导入，但在{relativeTo：route}路由是找不到名称。在我原来的帖子中看到我的编辑。 – nCore

angular 2重定向使用router.navigate

回答

相关问题