angular - titlecase 管道不适用于三元运算符 angular2

Question

我在 component.html 中有这段代码

<div class="dashboard-table-item row"
       *ngFor="let item of itemArray">
  <span>{{item.value == 'user' ? 'student' : item.value  | titlecase}}</span>
</div>

itemArray可以具有以下值之一： admin | 编辑 | 我想要的用户而不修改itemArray输出：用户 --> 学生，然后将其命名。

我知道我可以将 'student' 更改为 'Student' 并且它有效，但我的问题是为什么 pipe(| titlecase) 不适用于三元运算符（condition ? 'value1' : item.value) Value1

Answer 1

尝试用括号包裹你的三元条件()。这对我有用：

<div class="dashboard-table-item row"
   *ngFor="let item of itemArray">
  <span>{{(item.value == 'user' ? 'student' : item.value ) | titlecase}}</span>
</div>