Angular7 - есть ли способ добавить два значения в bindLabel

Question

Я хочу создать ng-select с двумя значениями в моей привязке ярлыка. В настоящее время мой ng-select выглядит следующим образом

 <ng-select [items]="mentorSessions"
                       [multiple]="false"
                       [closeOnSelect]="true"
                       [searchable]="true"
                       bindLabel="name"
                       [ngModelOptions]="{standalone: true}"
                       [(ngModel)]="mentorToShareTo">
  </ng-select>

Я бы хотел, чтобы bindLabel был примерно таким

bindLabel="name" + ":" +"profession"

Answer 1

Вы можете создать новое свойство на ваших объектах, где вы комбинируете свои свойства так, как вы хотите, чтобы оно отображалось, и привязываете это новое свойство к bindLabel или в соответствии с документы , вы можете создать собственный шаблон метки:

<ng-select ...>
    <ng-template ng-label-tmp let-item="item">
        {{item.name}}:{{item.profession}}
    </ng-template>
</ng-select>

Answer 2

Мы все учились, не ругайте кого-то просто потому, что он не наткнулся на то, что вы считаете базовым.

Даже если bindLabel принимает строку, вы можете сформировать ее следующим образом:

[bindLabel]="name + ':' + profession"

Ваш модифицированный код будет выглядеть так

<ng-select [items]="mentorSessions"
           [multiple]="false"
           [closeOnSelect]="true"
           [searchable]="true"
           [bindLabel]="name + ':' + profession"
           [ngModelOptions]="{standalone: true}"
           [(ngModel)]="mentorToShareTo">
</ng-select>