标题管道不适用于三元运算符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 输出：user - ＆gt;学生，然后将其标题化。

我知道我可以改变学生的＃39;为了学生＆＃39;它有效，但我的问题是为什么管道（|标题）不能与三元运算符一起使用（条件？＆＃39; value1＆＃39;：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>