如何在Ng Select中使用Ngx完美滚动条？

问题描述

需要将 ngx-perfect-scrollbar 放入 ng-select 。

打包版本：

"@ng-select/ng-select": "^4.0.4"
"ngx-perfect-scrollbar": "^9.0.0"
"@angular/common": "^10.1.0"
"@angular/compiler": "^10.1.0"
"@angular/core": "^10.1.0"

我尝试了将这两个库一起使用的另一种方法：

 <ng-select class="ng-select"
      [(ngModel)]="selectedFruit"
      (ngModelChange)="onFruitSelected(selectedFruit)"
      [clearable]="false"
    >
      <perfect-scrollbar style="width: 100%; height: 300px; display: block; overflow-y: auto;">
        <ng-option *ngFor="let fruit of fruits" [value]="fruit">
          {{fruit.name}}
        </ng-option>
      </perfect-scrollbar>
</ng-select>

我提供了ngx-perfect-scrollbar所需的所有配置，如文档：https://www.npmjs.com/package/ngx-perfect-scrollbar

结果如何？

控制台中没有错误。 Ng-select效果很好，但UI中未显示完善的滚动条。显示默认的系统滚动条。

图书馆参考文献：

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

angular angular-ngselect