PrimeNG 自动完成对象绑定

Question

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

建议本身呈现正常，正确显示 groupName 和 groupDescription 属性，但在选择后我的输入只是呈现对象而不是 'groupName' 字段，就像我希望 [field] 属性指示的那样。

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

PrimeNG 自动完成对象绑定

PrimeNG autocomplete with object binding

angular

primeng