Angular2条件RouterLink用于登录

时间:2017-10-16 10:28:42

标签: angular

如果名称/密码为true,我希望用户被记录,否则留在页面上。 我正在使用routerLink,但我无法弄清楚如何在不检查的情况下阻止路由器重定向到仪表板。 我使用了一个名为test()的函数:boolean如果名称/密码有效则返回true。

<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 ;
    }
}

1 个答案:

答案 0 :(得分:0)

您可以使用路由器导航而不是RouterLink,当用户名和密码更正时,它将导航到仪表板页面:

  

this.router.navigate([“/ dashboard”],{some-data:“otherData”});

您可以从Angular文档中获取更多信息:https://angular.io/guide/router#navigating-back-to-the-list-component