0

我正在使用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 天。希望任何人都可以提供帮助。谢谢！

4

1 回答 1

2

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

我用了：

<tag-input-dropdown [showDropdownIfEmpty]="true" [autocompleteItems]="items" zIndex="10000">
于 2020-05-14T18:34:38.040 回答