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的doc,他们不使用[]的field两种.

PrimeNG doc的示例:

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

我也在我自己的应用程序中测试过[field],导致你提到的同样问题.