角2+模板值的三元运算符

我的模板中有这样的内容:

<span *ngIf="selectedSport.key === 'walking'"> steps </span>
<span *ngIf="selectedSport.key !== 'walking'"> km </span>

我发现这个拼写很难看,有两行是这个。。。无聊的。所以我试着寻找替代方案。

英吉费尔斯

<span *ngIf="selectedSport.key === 'walking'; else elseSpan"> steps </span>
<ng-template #elseSpan> km </ng-template>

我发现这一个更好,但是在多个条件下使用可能会比较困难,比如 *ngIf="A && B" . 模板中还有两行代码。。。

获取函数

<span> {{getUnit(selectedSport.key)}} </span>

getUnit(sportKey: string): string {
   return sportKey === 'walking' ? 'steps' : 'km';
}

随着模板的可读性增强,这一点会更好。但是,我不想为此在组件中添加函数。

你知道角2+模板是否支持三元运算符,如 getUnit 功能?
你有更好的主意吗?