PrimeNG自动完成与对象绑定

时间:2017-06-21 16:44:39

标签: angular primeng

目前,在我的自动完成设置中,我的输入字段显示" [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>

1 个答案:

答案 0 :(得分:8)

[field]="groupName"更改为field="groupName"

如果您查看PrimeNG的文档,他们也不会将[]用于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]在我自己的应用中进行了测试,导致了您提到的同样问题。