如何在@ ng-select / ng-select选项上显示工具提示

Question

我在应用程序中使用@ ng-select / ng-select @ 2.3.6，并且数组中有很长的文本。

因此，完整的文本在下拉列表中不可见，因此我想在每个选项上显示标题/工具提示

我试过了，

let listArray = [{name: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s'}];

<ng-select placeholder="Select" (change)="onChange($event)">
      <ng-option *ngFor="let list of listArray" 
       title="{{list.name}}"> {{list.name}} </ng-option>
 </ng-select>

但是没有运气

Answer 1

您可以使用以下代码实现工具提示解决方案

<ng-select [items]="listArray" bindLabel="name" bindValue="name">
    <ng-template ng-option-tmp let-item="item">
    <div title="{{item.name}}">{{item.name}}</div>
    </ng-template>
</ng-select>

谢谢