【问题标题】:Angular ui-select only highlighting first choice in listAngular ui-select 仅突出显示列表中的第一选择
【发布时间】:2017-06-30 18:23:16
【问题描述】:

我在一个应用程序上以不同的方式使用了 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>

【问题讨论】:

  • 没有人能告诉我为什么突出显示不能正常工作?
  • 我注意到,如果我使用箭头键然后使用“Enter”选择一个选项,则所选选项会突出显示。如果我选择使用鼠标单击,则不会,其中顶部选项始终突出显示。有什么帮助吗?

标签: angularjs ui-select


【解决方案1】:

有同样的问题。 删除属性 reset-search-input="false" 对我有帮助

【讨论】:

  • 谢谢。只要我不需要保留在某些情况下需要的搜索字符串,这就会起作用。这修复了大多数区域。很遗憾,该属性打破了这一点。我有一些用户必须搜索的类似字符串的长列表,并且希望保留他们的搜索字符串以及他们离开的位置。使用了不同的解决方案并继续前进是响应时间长的原因。
猜你喜欢
  • 1970-01-01
  • 2022-01-25
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-02-21
  • 2021-05-03
  • 1970-01-01
相关资源
最近更新 更多