angular - PrimeNG 自动完成与对象绑定(bind)

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] 进行了测试，导致了你提到的同样的问题。