使Angular 4+提供HTML中的routerLink条件

时间:2019-04-02 06:06:58

标签: html angular typescript

我该如何在Angular中有条件地路由,而不是给它类似“ navigateByUrl =“ / something””的内容,我想做的是通过使用[routerLink]在HTML中提供条件。

2 个答案:

答案 0 :(得分:2)

您可以将条件运算符放在[routerLink]本身中。

使用如下:

[routerLink]='[cond ? "/x" : "/y"]' 

cond是一个布尔值(您也可以具有表达式)。

答案 1 :(得分:0)

<a routerLink="/heroes" routerLinkActive="active">Heroes</a>

通过此链接angular routerLink查看文档

<a  [routerLink]="true?'/requests':'/req'">