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 然后 titlecase it.

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

Answer 1

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

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

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

titlecase pipe does not work with ternary operator angular2

title-case

ternary-operator

ngfor

angular