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

Question

我在我的项目中使用 ui-select v0.19.6 AngularJS (v1.x)

我有以下代码用于显示一个组件，用户可以在其中从现有下拉列表中选择或创建一个新标签。

<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 (new)" 的下拉菜单。

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

虽然这在 Firefox 中运行良好。

Answer 1

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

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

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

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

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

AngularJS UI-Select tagging doesn't work for new tag in Google Chrome

javascript

css

google-chrome

angularjs

ui-select