ng-autocomplete проблема с проводником inte rnet - PullRequest
Новая
       55

ng-autocomplete проблема с проводником inte rnet

0 голосов
/ 24 апреля 2020

Я использую ng- angular -autocomplete, который прекрасно работает с chrome, но с IE это создает проблему после выбора чего-либо из окна предложения. Можете ли вы помочь мне, как решить эту проблему.

Как вы можете видеть на изображении ниже, после того, как я выбрал что-то, окно предложения все еще отображается без значений. Но в chrome этого не видно. В чем может быть проблема?

enter image description here

Код: 

<ng-autocomplete class="text-left ng-autocomplete ml-1 mr-1"  [data]="iLevelDataItems" [minQueryLength]="2"  [searchKeyword]="keyword" [itemTemplate]="itemTemplate" 
                        placeHolder="search iLevel data items"  [(ngModel)]="iLevelDataItem" [ngModelOptions]="{standalone: true}" [notFoundTemplate]="notFoundTemplate">
                    </ng-autocomplete>

                    <ng-template  #itemTemplate let-item>
                        <a [innerHTML]="item.excelName"></a>
                    </ng-template>

                    <ng-template #notFoundTemplate let-notFound>
                        <div [innerHTML]="notFound"></div>
                    </ng-template>

CSS: 

.ng-autocomplete{
    width: auto;
    height: calc(1.5em + 0.5rem + 2px);
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
    vertical-align: middle;
    border:1px solid #ced4da;
}
::ng-deep{
    .suggestions-container{       
        width: 300px!important;
    }

    .autocomplete-container .input-container .x{
        display: none;
    }

    .autocomplete-container .input-container input{
        height:100%!important;
        line-height:100%!important;
        border-radius: 0.2rem;
    }
}
...