angular - 在 bindLabel 上使用管道

Question

<ng-select 
    [items]="prozessItem$ | async" 
    [multiple]="true" 
    bindLabel="itemName | umlautsPipe" 
    bindValue="nrItems"
></ng-select>

我想将 itemName 从管道"üäößTEST"传输到"ueaeoessTest"。异步管道工作得很好，没有我得到的管道"üäößTEST"。ng-select 只接受属性中的字符串值。我可能会误解它，但我相信当我使用bindLabel="itemName | umlautsPipe"ng-select 时，它会尝试引用item[itemName | umlautsPipe]不存在的内容。

那么如何转换项目的名称呢？

标签： angularpipe

Answer 1

看来您必须使用模板，请尝试：

<ng-select 
    [items]="prozessItem$ | async" 
    [multiple]="true" 
    bindValue="nrItems"
>
  <ng-template ng-option-tmp let-item="item">
      {{ item.itemName | umlautsPipe }}
   </ng-template>
</ng-select>