Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/silverlight/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 在ngx芯片中单击选项卡上选择下拉列表项_Angular_Angular7_Ngx Chips - Fatal编程技术网

Angular 在ngx芯片中单击选项卡上选择下拉列表项

Angular 在ngx芯片中单击选项卡上选择下拉列表项,angular,angular7,ngx-chips,Angular,Angular7,Ngx Chips,我们将ngx芯片用于自动完成文本框,从远程源获取数据。如果我们复制粘贴一个项目并按Tab按钮,我们需要选择单个项目。但这是行不通的 我们将非常感谢您的帮助 我们的代码如下 <tag-input formControlName="Tag" placeholder = "select" secondaryPlaceholder = "select" [validators]="Validator"

我们将ngx芯片用于自动完成文本框,从远程源获取数据。如果我们复制粘贴一个项目并按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>

您可以使用
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放在标签输入下拉列表中,我们会得到不支持的错误。