Angular ngx芯片:it';无法从自动完成项添加第二个标记
我正在使用带有Angular ngx芯片:it';无法从自动完成项添加第二个标记,angular,typescript,ngx-chips,Angular,Typescript,Ngx Chips,我正在使用带有自动完成项的ngx芯片进行标签输入,但是在添加第一个标签后,下拉列表不再出现,而且控制台中也没有错误 HTML <tag-input [ngModel]="columnsToIgnore" [ngModelOptions]="{standalone: true}" [placeholder]="'Enter variables to ignore'" [secondaryPlaceholder]="'Enter variables to ign
自动完成项的ngx芯片
进行标签输入,但是在添加第一个标签后,下拉列表不再出现,而且控制台中也没有错误
HTML
<tag-input
[ngModel]="columnsToIgnore"
[ngModelOptions]="{standalone: true}"
[placeholder]="'Enter variables to ignore'"
[secondaryPlaceholder]="'Enter variables to ignore'"
[onlyFromAutocomplete]="true"
(onAdd)="addIgnoreColumn($event)"
(onRemove)="removeIgnoreColumn($event)"
theme='bootstrap'>
<tag-input-dropdown
[autocompleteItems]="selectedDataset.schema.columns"
[displayBy]="'name'"
[focusFirstElement]="true">
<ng-template let-item="item" let-index="index">
{{ item.name }} : {{ item.type }}
</ng-template>
</tag-input-dropdown>
</tag-input>
{{item.name}}:{{item.type}
添加第一个标记时,会出现下拉列表
但是当尝试添加第二个时,下拉列表不会出现
由于您将复杂的对象
用作选项
,因此应使用identifyBy
,通过该ngx芯片
将所选项目与提供的选项进行比较
<tag-input
[ngModel]="columnsToIgnore"
[ngModelOptions]="{standalone: true}"
[placeholder]="'Enter variables to ignore'"
[secondaryPlaceholder]="'Enter variables to ignore'"
[onlyFromAutocomplete]="true"
(onAdd)="addIgnoreColumn($event)"
(onRemove)="removeIgnoreColumn($event)"
theme='bootstrap'>
<tag-input-dropdown
[autocompleteItems]="selectedDataset.schema.columns"
[displayBy]="'name'"
[identifyBy]="'name'" <!-- use any property of object -->
[focusFirstElement]="true">
<ng-template let-item="item" let-index="index">
{{ item.name }} : {{ item.type }}
</ng-template>
</tag-input-dropdown>
</tag-input>
你能在stackblitz中复制这个问题吗?@SunilSingh我添加了一个stackblitz的链接并添加了答案。