我在使用primeng时遇到问题,像按钮或类似组件这样的功能没有正确显示。例如,我有一个自动填充字段,它显示为:
当我输入':(蓝色条是建议)
之后,我选择"建议",它显示了这个:
这里是该字段的代码
<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;
}
答案 0 :(得分:1)
在您的代码中,它正在尝试使用field="name"
进行映射,如果该属性不存在,您将不会在下拉列表中看到任何内容,而是尝试使用存在的对象属性进行映射。
如果要使用整个对象进行映射,则根本不需要使用field
。