titlecase pipe does not work with ternary operator angular2

Question

I have this code in component.html

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

itemArray can have one of this values: admin | editor | user I want without modifying the itemArray output: user --> student and then titlecase it.

I know I could change 'student' for 'Student' and it works, but my question is why does pipe(| titlecase) not work with ternary operator(condition ? 'value1' : item.value) Value1

score 12 · Accepted Answer · answered Apr 16 '18 at 04:00

12

Try wrapping your ternary condition with parenthesis (). This worked for me:

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

answered Apr 16 '18 at 04:00

Cara

634
5
10

Thanks, all I needed! – T04435 Apr 16 '18 at 04:07
1

This will also work for a situation like this: ` {{ object.property ? (object.property | ) : "None" }} – DataDino Feb 23 '22 at 18:06

titlecase pipe does not work with ternary operator angular2

1 Answers1