我在带有AngularJS(v1.x(的项目中使用ui-select v0.19.6
我有以下代码用于显示一个组件,用户可以在其中从现有下拉列表中选择或创建新标记。
<div class="col-md-12 form-group">
<label>Select Tags</label>
<ui-select multiple tagging="true" tagging-label="(new tag)"
ng-model="selectedTags.tags"
theme="bootstrap" ng-disabled="false"
close-on-select="false">
<ui-select-match placeholder="Select tags...">{{$item}}</ui-select-match>
<ui-select-choices refresh="getTagSuggestions($select.search)"
refresh-delay="0"
repeat="tag in (tags| filter: $select.search)">
<div ng-bind="tag"></div>
</ui-select-choices>
</ui-select>
</div>
这在Firefox中效果很好,但不适用于Google Chrome和Safari。
这是有问题的 plukr https://plnkr.co/edit/1dj7j1Igcp9CrhWFqCGf?p=preview
重现问题的步骤:
将任何文本示例"Google"复制到剪贴板中。 将复制的文本粘贴到输入字段中。
预期行为:UI-select 应打开一个包含"谷歌(新("选项的下拉列表。
但它不会提示任何事情。如果您在复制后仅编辑(单击退格键(文本,它会显示下拉列表。所以不确定这里出了什么问题。
不过,这在Firefox中效果很好。
ui-select 如何处理不同的键以避免显示下拉列表似乎存在一些问题。
此修复程序在此存储库中可用:https://github.com/jkjha/ui-select
如果您使用的是 bower,则可以添加此包:
鲍尔安装角度-UI-选择-jjha@0.19.13-2019