如何解决如何在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中未显示完善的滚动条。显示默认的系统滚动条。
图书馆参考文献:
- https://www.npmjs.com/package/@ng-select/ng-select
- https://www.npmjs.com/package/ngx-perfect-scrollbar
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。