Two objects for bindLabel

Expected behaviour

Hi Everyone, I would like to know if it was possible to add two object for bindLabel such like that instead of using ng template:

 <ng-select [items]="users | async" [multiple]="true" [closeOnSelect]="false" [hideSelected]="true" bindLabel="firstname email" bindValue="_id" placeholder="Select people" [(ngModel)]="userselected" name="sharedUser" required #sharedUser="ngModel">

Actual behaviour

For the moment I use ng template to add both but I would like to keep the same basic style.

                <ng-template ng-option-tmp let-item="item" let-index="index" let-search="searchTerm">
                  <h5>{{item.firstname}}  |  {{item.email}}</h5>
                </ng-template>

More Info

ng-select version: v2.0.0

browser: Mozilla 60.0.2 (64-bit)

[PierBJX]

In the component.ts, I get all the users from the server which are saved in a list of users (data variable). Then, I iterate through all the items of data and I add another element in the Object User bindName which combine firstname and lastname.

  ngOnInit() {
    this.currentUserId = this.auth.getUserDetails()._id;
    this.shared.changeShowInfo(false);
    this.api
      .getAllUsers()
      .takeUntil(this.destroy$)
      .subscribe(
        data => {
          for (let item in data) {
              data[item].bindName =
                data[item].firstname + " " + data[item].lastname;
              this.users.push(data[item]);
          }
        },
        err => {
          console.log(err);
        }
      );
}

In the HTML, bindLabel="bindName:

<ng-select [items]="users" [multiple]="true" [closeOnSelect]="false" [hideSelected]="true" bindLabel="bindName" bindValue="_id"
                    placeholder="Select people" [(ngModel)]="experiment.user_permission" name="sharedUser" required #sharedUser="ngModel">
             <ng-template ng-option-tmp let-item="item" let-index="index" let-search="searchTerm">
                      <h5>{{item.firstname}} {{item.lastname}}</h5>
             </ng-template>
</ng-select>

[HarounGazzah]

this.resourceService.getResources().subscribe(res => { let ress: any[]; ress = res; ress.map((i) => { i.fullName = i.firstname + ' ' + i.lastname; return i; }); this.resources = ress; });

---

<ng-select [items]="resources" [multiple]="true" name="resource" bindLabel="fullName" bindValue="reference" notFoundText="Aucun élément trouvé" typeToSearchText="tapez plus de 3 caractères pour trouver la resource" [loading]="resourcesLoading" [typeahead]="resourcesInput$" [(ngModel)]="positioning.resourceReference"> </ng-select>