ngx筹码未将项目列表显示为自动完成值Angular 5

Question

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

这是我的标签的摘录

<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天。希望任何人都能提供帮助。谢谢！

Answer 1

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