无法在自动完成字段 primeng 中正确加载建议

Question

我在使用 primeng 时遇到问题，某些功能（例如按钮或类似组件）无法正确显示。例如，我有一个自动完成字段，它显示为：

当我键入 'e' 时：（蓝色条是建议）

之后，我选择了"suggestion"，显示如下：

这里是字段的一段代码

<p-autoComplete [(ngModel)]="selectedTags" [suggestions]="filteredTagsMultiple" (completeMethod)="filterTagMultiple($event)" styleClass="wid100"
                    [minLength]="1" placeholder="tags" field="name" [multiple]="true" [ngModelOptions]="{standalone: true}">
                </p-autoComplete>

我不知道发生了什么，在控制台浏览器中没有显示错误。

谢谢

更新

filterTagMultiple(event) {
    let query = event.query;
    this.tagService.getAllTags().subscribe(tags => {
        this.filteredTagsMultiple = this.filterTag(query, tags);
    });
}

filterTag(query, tags: any[]):any[] {
    let filtered : any[] = [];
    for(let i = 0; i < tags.length; i++) {
        let tag = tags[i];
        if(tag.nombre.toLowerCase().indexOf(query.toLowerCase()) == 0) {
            filtered.push(tag);
        }
    }
    return filtered;
}

Answer 1

在您的代码中，它尝试与 field="name" 进行映射，如果属性不存在，您将不会在下拉列表中看到任何内容，而是尝试与对象 [= 进行映射16=] 存在。

如果要映射整个对象，则根本不需要使用field。

无法在自动完成字段 primeng 中正确加载建议

not load suggestions correctly in autcomplete field primeng

angular

primeng