时间戳

首页 > 解决方案 > Angular7-有没有办法向 bindLabel 添加两个值

angular - Angular7-有没有办法向 bindLabel 添加两个值

问题描述

我想在我的 labelbind 中创建一个具有 2 个值的 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"

标签： angularangular7

解决方案

您可以在对象上创建一个新属性，在其中以您希望显示的方式组合您的属性，并将该新属性绑定到bindLabel，或者根据文档，您可以创建自定义标签模板：

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

推荐阅读