未在autcomplete字段primeng中正确加载建议

Question

我在使用primeng时遇到问题，像按钮或类似组件这样的功能没有正确显示。例如，我有一个自动填充字段，它显示为：

当我输入＆＃39;：（蓝色条是建议）

之后，我选择＆＃34;建议＆＃34;，它显示了这个：

这里是该字段的代码

<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"进行映射，如果该属性不存在，您将不会在下拉列表中看到任何内容，而是尝试使用存在的对象属性进行映射。

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