ngx-chips未将项目列表显示为自动完成值Angular 5
ngx-chips未将项目列表显示为自动完成值Angular 5
提问于 2019-07-16 17:21:56
我正在使用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天了。希望有人能帮上忙。谢谢!
回答 1
Stack Overflow用户
发布于 2020-05-15 02:34:38
在样式文件中搜索我看到了一个属性zIndex。
我使用：
<tag-input-dropdown [showDropdownIfEmpty]="true" [autocompleteItems]="items" zIndex="10000">页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/57054015
复制相关文章
相似问题
腾讯云开发者
