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

时间:2017-07-15 03:57:06

标签: angular primeng

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

当我输入':(蓝色条是建议)

enter image description here

之后,我选择"建议",它显示了这个:

enter image description here

这里是该字段的代码

<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;
}

1 个答案:

答案 0 :(得分:1)

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

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