选择选项卡上的下拉列表项单击ngx-chips
选择选项卡上的下拉列表项单击ngx-chips
提问于 2019-07-10 14:58:56
我们将ngx-chips用于自动完成文本框，在那里我们从远程源获取数据。如果我们复制粘贴一个项目，然后按Tab按钮，我们需要选择单个项目。但这是行不通的。
任何帮助都将受到高度的感谢。
我们的代码如下
<tag-input formControlName="Tag"
placeholder = "select"
secondaryPlaceholder = "select"
[validators]="Validator"
[onlyFromAutocomplete]="true"
[onTextChangeDebounce] = "1000"
(keyup)="onSearchType($event.target.value)"
class="tag-input-class tag-inp"
>
<tag-input-dropdown
[autocompleteItems]="List"
[dynamicUpdate]="true"
[appendToBody]="true"
[showDropdownIfEmpty]="false"
[keepOpen]="false"
[zIndex] = "1000000"
[displayBy]="'property'"
[identifyBy] ="'property'"
>
</tag-input-dropdown>
</tag-input>回答 1
Stack Overflow用户
发布于 2019-07-10 15:12:54
您可以使用separatorKeyCodes属性来实现此目的，
<tag-input formControlName="Tag"
placeholder = "select"
secondaryPlaceholder = "select"
[validators]="Validator"
[onlyFromAutocomplete]="true"
[onTextChangeDebounce] = "1000"
[separatorKeyCodes]="'TAB'" or "TAB" or "[TAB]" //please try this
(keyup)="onSearchType($event.target.value)"
class="tag-input-class tag-inp">
<tag-input-dropdown
[autocompleteItems]="List"
[dynamicUpdate]="true"
[appendToBody]="true"
[showDropdownIfEmpty]="false"
[keepOpen]="false"
[zIndex] = "1000000"
[displayBy]="'property'"
[identifyBy] ="'property'">
</tag-input-dropdown>
</tag-input>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56965009
复制相关文章
相似问题
腾讯云开发者
