Question

我想在我的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"

Answer 1

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

<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>

Angular7-是否可以将两个值添加到bindLabel

2 个答案: