Строка Angular 6 Concat для BindLabel в теге ‹ng-select›

Используя Angular 6, я хочу связать имя и фамилию в bindLabel внутри тега ng-select?

Вот мой html: ng-select [items]="persons" bindLabel="LastName" bindValue="Id" [(ngModel)]="selectedItem" placeholder="person"

Есть идеи ? bindLabel="LastName + ' ' +FirstName" => не работает bindLabel="person.Name as (person.LastName + ' ' person.FirstName) для человека в лице" = > не работает


person cn-ge    schedule 14.06.2018    source источник


Ответы (2)


Лучший способ отображения полного имени:

 <ng-select required [items]="buddies" bindLabel="firstName" #buddiesInput="ngModel" [(ngModel)]="userSelect" name="userSelect" >
                        <ng-template ng-label-tmp let-item="item">
                            {{item.firstName}} {{item.lastName}}
                        </ng-template>
                        <ng-template ng-option-tmp let-item="item" let-search="searchTerm">
                            {{item.firstName}} {{item.lastName}}
                        </ng-template>
                    </ng-select>
person Longo    schedule 18.09.2018
comment
Я думаю, что bindLabel=firstName больше не нужен. - person dduft; 08.02.2021

Довольно старый вопрос, но я все равно отвечу. Мне довелось поймать этот вопрос, так как я тоже ищу такое же решение.

Возможно, это не лучшая практика, или может быть гораздо лучшее решение, но я только что создал карту для своего массива, чтобы создать новое поле для full_name.

См. код ниже, если это может вам помочь.

шаблон:

  <ng-select 
    [(ngModel)]="_selected_user" 
    [items]="_all_users" 
    placeholder="Select User"
    bindLabel="full_name"
    bindValue="id"
    >

    <ng-template ng-option-tmp let-item="item" let-search="searchTerm">
        <div><span></span><span [ngOptionHighlight]="search">{{item.full_name }}</span></div>
        <small>User ID: <b>{{item.user_id}}</b> </small>
    </ng-template>

  </ng-select>

компонент:

      users.map(
        (user: any) => {
          user.full_name = user.last_name + ', ' + member.first_name + ' ' + member.middle_name
          return member;
        }
      )

Это позволит искать через first_name или last_name или middle_name или вообще в одном поисковом ключе.

person jck    schedule 03.08.2018
comment
Ответ по этой ссылке: stackblitz.com /изменить/ - person S.Anitha; 17.05.2019