时间戳

首页 > 解决方案 > html中的三元表达式管道

angular - html中的三元表达式管道

问题描述

嗨，我需要一些建议如何转换这部分代码

<h3 mat-dialog-title>{{ user ? "Edit User" : "New User" }}</h3>

在里面使用管道，像这样

<h3 mat-dialog-title>{{ user ? {{ "EDIT_USER" | translate | async}} : {{ "NEW_USER" | translate | async}} }}</h3>

我知道，我可以*ngIf直接在组件中使用或检查它，但是有没有其他解决方案可以为此使用三元表达式？

标签： angular

解决方案

您不能在插值中进行插值并{{ {{ }} }}产生问题。

此外，我宁愿使用括号将整个表达式分组以进行翻译：

<h3 mat-dialog-title>
    {{ (user ?  "EDIT_USER" : "NEW_USER") | translate | async }}
</h3>

推荐阅读