Angular2条件用于登录的条件RouterLink

我希望用户在名称/密码为true时进行日志记录，否则留在页面上。我正在使用routerLink，但我无法弄清楚如何在不检查的情况下将路由器重定向到仪表板。我使用了一个名为test（）的函数：布尔值，如果名称/密码有效，则返回true。Angular2条件用于登录的条件RouterLink

<a class="btn rounded-btn" [routerLink]="['dashboard', 'home']" onClick="test()"> Log in </a>

这里是我的login.component：

import { Component, OnInit } from '@angular/core'; 

@Component({ 
    selector: 'app-login', 
    templateUrl: './login.component.html', 
    styleUrls: ['./login.component.scss'] 
}) 
export class LoginComponent implements OnInit { 
    constructor() { } 
    ngOnInit() { } 

    test():boolean{ 

     return false ; 
    } 
}

来源

2017-10-16 BadrEddineBen

使用AuthGuard。在这里：http://jasonwatmore.com/post/2016/12/08/angular-2-redirect-to-previous-url-after-login-with-auth-guard – Faisal

您可以使用路由器的导航，而不是RouterLink，当用户名和密码会纠正将导航到仪表板页面：

这.router.navigate（[“/ dashboard”]，{some-data：“otherData”}）;

你可以从角文档的详细信息：https://angular.io/guide/router#navigating-back-to-the-list-component

来源

2017-10-16 10:39:27 Amit

我应该在哪里申报该路由器？ – BadrEddineBen

进样路由器到构造函数： '进口{ActivatedRoute，路由器}从“@角/路由器;' '构造函数（私人路由器：路由器）{ } // constructor'结束 – Amit

感谢的，这是工作 – BadrEddineBen

Angular2条件用于登录的条件RouterLink

回答

相关问题