如何在三元运算符上添加routerLink？

Posted 2023-03-05

【中文标题】如何在三元运算符上添加routerLink？

【英文标题】：How to add routerLink on ternary operator?

【发布时间】：2021-02-22 18:09:47

【问题描述】：

在我的角度 html 代码中有如下所示的三元条件

<my-tag [top-position]="find.distance ? find.distance.code : find.volume.code" [rClass]="r.rClass"></my-tag>

我正在尝试使上述内容可点击，以便当用户点击时，他们会被重定向到不同的路线。我很难将 routerLink 集成到上述代码中

【问题讨论】：

[routerLink]="condition ? ['/my-path'] : null"

【参考方案1】：

就我而言，我必须按学校类型进行路由！

在 .ts 文件中

edType: string;
ngOnInit() this.edType == 'M' 

在 HTML 中

<ion-item button detail [routerLink]="[edType == 'M' ? 'middle-school' : 'high-school']">
   <ion-icon name="log-in-outline" slot="start"></ion-icon>
    <ion-label> Switch School </ion-label>
</ion-item>