ngx-chips未将项目列表显示为自动完成值Angular 5答案

【问题标题】：ngx-chips not showing item list as autocomplete values Angular 5ngx-chips未将项目列表显示为自动完成值Angular 5
【发布时间】：2019-07-16 09:21:55
【问题描述】：

我正在使用ngx-chips 同时添加搜索和标签功能。我很难让下拉菜单正常工作。

这是我的标签的 sn-p

<div class="form-group" *ngIf="userList.length > 0">
      <label>Users: </label>
      {{userList | json}}
      <tag-input [ngModel]="selectedUsers" 
      secondaryPlaceholder="Searchusers"
      placeholder="Users" 
      [onlyFromAutocomplete]="true">
          <tag-input-dropdown  [autocompleteItems]="userList" [showDropdownIfEmpty]="true">
          </tag-input-dropdown>
        </tag-input>
    </div>

我正在显示 userList json 以验证它是否具有值。

然后在我的组件中，我像这样填充 userList：

userList: any = [];
selectedUsers: Array<any> = [];

getCommunicableUsers(){
this._usersService.getCommunicableUsers().subscribe(res =>{
  this.userList = res.map(function(user) {
    let ob = {  value: user.Id, display: user.Name };
    return ob;
  });
  console.log(this.userList);
})
}

我还尝试使用 identifyBy 和 displayBy 并删除我的 userList 上的格式，但仍然没有运气。

不确定我在尝试搜索和修复此问题 1 天后遗漏了什么。希望任何人都可以提供帮助。谢谢！

【问题讨论】：

试试这个<tag-input-dropdown [autocompleteItems]="userList" [showDropdownIfEmpty]="true"><ng-template let-item="user" let-index="index"> {{ index }}: {{ user.display }} </ng-template> </tag-input-dropdown>

标签： angular angular5 ngx-chips

【解决方案1】：

在样式文件中搜索我看到了一个属性 zIndex。

我用过：

<tag-input-dropdown [showDropdownIfEmpty]="true" [autocompleteItems]="items" zIndex="10000">

【讨论】：