Используйте трубу на bindLabel в

Question

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

Я хочу передать itemName от "üäößTEST" до "ueaeoessTest". Труба asyn c работает просто отлично, и без трубы я получаю "üäößTEST". Ng-select принимает только строковое значение в атрибуте. Возможно, я неправильно понимаю, но я считаю, что когда я использую bindLabel="itemName | umlautsPipe", ng-select пытается сослаться на item[itemName | umlautsPipe], который не существует.

Так как я могу преобразовать имя элемента?

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>