在autcomplete字段中無法正確加載建議primeng

我有一個使用primeng的問題，像按鈕或類似組件的某些功能沒有正確顯示。例如，我有一個自動填充字段，並將其顯示爲：在autcomplete字段中無法正確加載建議primeng

當我輸入「E」：（即藍條是建議）

後，我挑選「建議」，它示出了這一點：

在這裏，片領域的代碼

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

我不知道會發生什麼，在控制檯瀏覽器中不顯示錯誤。

感謝

UPDATE

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

來源

2017-07-15 MinMiguelM

誰是styleClass =「wid100」 – alehn96

顯示您的「組件」代碼。 'filteredTagsMultiple'中的項目是什麼樣的？ – Nehal

@ alehn96我不知道，我複製官方網頁的例子，但它不適合我。 – MinMiguelM

在你的代碼，它試圖用field="name"映射，如果屬性不存在，你不會看到在下拉列表中任何東西，而是試圖地圖存在的對象屬性。

如果要映射整個對象，則根本不需要使用field。

來源

2017-07-15 14:45:01 Nehal

在autcomplete字段中無法正確加載建議primeng

回答

相關問題