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的链接并添加了答案。