javascript - AngularJS UI-Select 标记不适用于 Google Chrome 中的新标记

标签 javascript css angularjs google-chrome ui-select

我在我的 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 应该会打开一个带有“Google(新)”选项的下拉菜单。

但是它没有提示任何东西。如果您只是在复制后编辑(单击退格键)文本，它会显示下拉列表。所以不确定这里出了什么问题。

虽然这在 Firefox 中运行良好。

最佳答案

ui-select 如何处理不同的键以避免显示下拉列表似乎存在一些问题。

此存储库中提供了修复程序:https://github.com/jkjha/ui-select

如果你使用的是 bower，你可以添加这个包:

凉亭安装angular-ui-select-jjha@0.19.13-2019