PrimeNG 自动完成与对象绑定

Question

目前使用我的自动完成设置，我的输入字段显示“[object Object]”而不是所选建议的相应属性。

建议本身呈现正常，正确显示 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" 更改为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] 进行了测试，导致了您提到的同样问题。