javascript - Angular 4按钮，带有click(returnsbooleanVAR)功能和routerlink + boolean VAR计时

Question

我有一个按钮，它有一个功能(单击)，设置变量“routingActivated”true或false，然后在同一个按钮中，如果该var为true，则链接到另一个组件的routerlink。一切正常，但在为了转到下一个组件，我必须单击按钮两次。.有什么想法如何重新执行它，这样我只需单击一次？

这是按钮:

<button  (click)="check()"  [routerLink]="routingActivated ? ['/enviando']: []"  >Continue</button>

这是将 varroutingActivated 更改为 true 或 false 的检查函数

check():void{
routingActivated =true/false  //depending on a condition 
}

Answer 1

您可以直接在组件中重定向

import {Router} from '@angular/router';

export class InfoComponent {
    constructor(private router: Router)

    check():void{
        if(routingActivated) {
            this.router.navigate(['./enviando']);
        }
    }
}

并简化您的 HTML

<button  (click)="check()">Continue</button>