PrimeNGオートコンプリート（オブジェクトバインディング付き）

Question

現在、私のオートコンプリート設定では、入力フィールドに選択した提案の適切なプロパティではなく、[オブジェクトオブジェクト]が表示されます。

提案自体は正しく表示されますが、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> 

Answer 1

変更[field]="groupName"あなたはPrimeNGのドキュメントを見れば、彼らはどちらかfieldため[]を使用していけない

field="groupName"へ。

PrimeNGドキュメントからの例：

<p-autoComplete [(ngModel)]="countries" [suggestions]="filteredCountriesMultiple" (completeMethod)="filterCountryMultiple($event)" styleClass="wid100" 
    [minLength]="1" placeholder="Countries" field="name" [multiple]="true"> 
</p-autoComplete> 

私も[field]を使用して独自のアプリケーションでテストは、あなたが言及した同じ問題を引き起こしました。