Angular 在ngx芯片中单击选项卡上选择下拉列表项
我们将ngx芯片用于自动完成文本框,从远程源获取数据。如果我们复制粘贴一个项目并按Tab按钮,我们需要选择单个项目。但这是行不通的 我们将非常感谢您的帮助 我们的代码如下Angular 在ngx芯片中单击选项卡上选择下拉列表项,angular,angular7,ngx-chips,Angular,Angular7,Ngx Chips,我们将ngx芯片用于自动完成文本框,从远程源获取数据。如果我们复制粘贴一个项目并按Tab按钮,我们需要选择单个项目。但这是行不通的 我们将非常感谢您的帮助 我们的代码如下 <tag-input formControlName="Tag" placeholder = "select" secondaryPlaceholder = "select" [validators]="Validator"
<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>
您可以使用
separatoryCodes
属性来实现这一点
<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>
如果您在stackblitz中重现问题,对我们来说将是一件好事。SeparatoryCodes必须处于“标记输入”控制中。当我按Tab键时,焦点在第一个元素上,但它未被选中。我必须再次按enter键进行选择。有没有办法,我可以配置标签输入下拉列表,根据标签选择项目,而不是输入。如果我把separationycodes放在标签输入下拉列表中,我们会得到不支持的错误。