現在、オートコンプリートの設定では、入力フィールドに、選択した提案の適切なプロパティではなく、「[オブジェクトオブジェクト]」が表示されます。
提案自体は正常にレンダリングされ、groupNameプロパティとgroupDescriptionプロパティが正しく表示されますが、選択後、入力は、[field]属性が指示することを期待していたように、「groupName」フィールドではなくオブジェクトをレンダリングするだけです。
<p-autoComplete [(ngModel)]="groupSearchText" [suggestions]="groupResults" (completeMethod)="search($event)" [field]="groupName" [size]="30" [minLength]="3">
<template let-group pTemplate="item">
<div class="ui-helper-clearfix" style="border-bottom:1px solid #D5D5D5">
<div style="font-size:18px;margin:10px 10px 0 0">{{group.groupName}}</div>
<div style="font-size:10px;margin:10px 10px 0 0">{{group.groupDescription}}</div>
</div>
</template>
</p-autoComplete>
変更[field]="groupName"へfield="groupName"
PrimeNGのドキュメントを見ると[]、fieldどちらにも使用されていません。
PrimeNGドキュメントの例：
<p-autoComplete [(ngModel)]="countries" [suggestions]="filteredCountriesMultiple" (completeMethod)="filterCountryMultiple($event)" styleClass="wid100"
[minLength]="1" placeholder="Countries" field="name" [multiple]="true">
</p-autoComplete>
また[field]、を使用して自分のアプリでテストしたところ、あなたが言及したのと同じ問題が発生しました。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加