Труба 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: user -> student, а затем заголовок.

Я знаю, что могу поменять 'student' на 'Student', и это работает, но мой вопрос заключается в том, почему pipe(| titlecase) не работает с троичным оператором (условие? '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>