Question

我有一个按钮（点击）设置变量“routingActivated”true或false然后在同一个按钮中一个routerlink链接到另一个组件，如果该var为真..一切正常但是在为了转到下一个组件，我必须点击两次按钮..有关如何重新执行它的任何想法，所以我只需要点击一次？

这是按钮：

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

这是检查函数，它将var routingActivated更改为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>

Angular 4按钮，带有click（returnsbooleanVAR）函数和routerlink + boolean VAR timing

1 个答案: