2017-02-15 50 views
0

我在應用程序中以不同方式使用ui-select。選擇工作,但都有一個共同點,只有最重要的選擇是突出顯示。如果重新打開列表,我真的很希望看到所選項目高亮顯示。除此之外,有沒有辦法一起關閉突出顯示? 下面是一個示例:Angular ui-select只在列表中突出顯示第一個選項

<ui-select reset-search-input="false" 
    id="entryGenModuleType" 
    name="entryGenModuleType" 
    ng-model="deForm.moduleTypeId" theme="select2" append-to-body="true" 
    class="holdSelect" 
    ng-change="filterSavedEntries()" 
    ng-disabled="" 
    title="Select Module Type"> 
<ui-select-match allow-clear="true" 
    placeholder="">{{$select.selected.name}}</ui-select-match> 
<ui-select-choices repeat=" type in selectionData.moduleTypes | orderBy:'name' | filter: { name: $select.search } "> 
<span ng-bind-html="type.name"></span> 
</ui-select-choices> 

+0

沒有人能告訴我爲什麼突出顯示不能正常工作? – Loom

+0

我注意到,如果我使用箭頭鍵,然後使用'Enter'選擇一個選項,那麼所選的選項會突出顯示。如果我選擇使用鼠標點擊,頂部選項始終突出顯示,則不是。 對此有何幫助? – Loom

回答

0

有同樣的問題。 正在刪除屬性reset-search-input="false"幫我

+0

謝謝。只要我不需要保留搜索字符串,這在某些情況下是需要的。這修復了大部分區域。遺憾的是,這個屬性打破了這一點。我有一些用戶必須搜索的類似字符串的長列表,並希望保留其搜索字符串以及他們離開的位置。曾經使用過不同的解決方案,並繼續前進是爲什麼響應時間長。 – Loom

相關問題