带有angular2-multiSelect dropDown的IE11中没有出现滚动条

Question

<div *ngIf="showClient" class="form-group" id="selectClient">
    <label class="control-label col-sm-4" for="email"></label>
    <div class="col-sm-8">

        <angular2-multiselect [data]="dataList | OrderBy : 'itemName'" [(ngModel)]="selectedItems[dataList.id]" [settings]="dropdownSettings" name="multiSelect" (onSelect)="onItemSelect($event, dataList.id)" (onDeSelect)="OnItemDeSelect($event,dataList.id)" (onSelectAll)="onSelectAll($event)" (onDeSelectAll)="onDeSelectAll($event)" disabled>

            <c-item>
                <ng-template let-item="item">
                    <label style="color: #333;min-width: 160px;">{{item.itemName}}- {{item.id}}</label>
                </ng-template>
            </c-item>

        </angular2-multiselect>

    </div>
</div>

我没有为此定义任何 css。只是导入了 angular2Multselect 的默认 css。

ScrollBar 在 chrome/fireFox 中显示良好 ..只是它没有出现在 IE 中。请提出需要做什么。

Answer 1

    <div *ngIf="showClient" class="form-group" id="selectClient">
        <label class="control-label col-sm-4" for="email"></label>
        <div class="col-sm-8">

            <angular2-multiselect [data]="dataList | OrderBy : 'itemName'" [(ngModel)]="selectedItems[dataList.id]" [settings]="dropdownSettings" name="multiSelect" (onSelect)="onItemSelect($event, dataList.id)" (onDeSelect)="OnItemDeSelect($event,dataList.id)" (onSelectAll)="onSelectAll($event)" (onDeSelectAll)="onDeSelectAll($event)" disabled>

                <c-item>

                    <ng-template let-item="item">
<perfect-scrollbar>
                        <label style="color: #333;min-width: 160px;">{{item.itemName}}- {{item.id}}</label>
</perfect-scrollbar>
                    </ng-template>

                </c-item>

            </angular2-multiselect>

        </div>
    </div>