ng-select其他元素后面的下拉列表

Question

我将ng-select与Angular 4和Bootstrap 4一起使用。

下拉菜单位于我的datepicker（ng-bootstrap）后面。

我不知道如何解决这个问题。

Answer 1

我能够通过覆盖下拉列表的ng-select的z-index来解决这个问题：

1）我将以下内容添加到我的组件的scss文件（即托管ng-select的组件）中：

ng-select select-dropdown > div {
    z-index: 2;
}

（我必须在css选择器中指定ng-select和select-dropdown来增加css的特异性，以便胜过ng-select的css，至少我认为这就是为什么）

2）我将encapsulation: ViewEncapsulation.None添加到组件的装饰器中，因此它的css也适用于ng-select组件。