2017-07-15 7 views
1

primengを使用すると問題が発生します。そのようなボタンやコンポーネントは正しく表示されません。例えば、私はオートコンプリートフィールドを持って、次のように表示されます。私は「E」を入力するとautipplete field 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> 

私は何が起こるかはわかりませんが、コンソールブラウザではエラーは表示されません。

おかげで、あなたのコードで

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

誰がstyleClass = "wid100" – alehn96

+0

あなたの 'component'コードを表示しますか? 'filteredTagsMultiple'の項目はどのように見えますか? – Nehal

+0

@ alehn96私は公式のWebページの例をコピーしますが、それは私にとってはうまくいきません。 – MinMiguelM

答えて

1

は、field="name"にマップしようとしているプロパティが存在しない場合、あなたはむしろでマップしようとすると、ドロップダウンには何も表示されません存在するオブジェクトプロパティ

オブジェクト全体にマップする場合は、fieldをまったく使用する必要はありません。

関連する問題