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

问题描述 投票:0回答: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">
                    <label style="color: #333;min-width: 160px;">{{item.itemName}}- {{item.id}}</label>
                </ng-template>
            </c-item>

        </angular2-multiselect>

    </div>
</div>

我没有为此定义任何CSS。只需导入角度Multiselect的默认css。

ScrollBar在chrome / fireFox中看起来很好..只是它不会进入IE浏览器。请建议需要做什么。

javascript css angular typescript multi-select
1个回答
0
投票
    <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>
© www.soinside.com 2019 - 2024. All rights reserved.