Question

我正在使用primeng自动完成功能，我的建议是城市的对象列表。这是我的模特：

export class City {

  'sid': string;
  'createdDate': any;
  'lastModifiedDate': any;
  'lastModifiedBy': string;
  'name': string;
  'province': string;
  'region': string;

}

这是我的 component.html

<p-autoComplete [(ngModel)]="selected.city"
                    [suggestions]="suggestions" field="name" delay=800
                    (completeMethod)="search($event)"
                    (onSelect)="setCity(selected.city)"
                    [ngModelOptions]="{standalone: true}"> <ng-template
                    let-city pTemplate="item">
                <div class="ui-helper-clearfix"
                    style="border-bottom: 1px solid #D5D5D5">
                    <div style="font-size: 15px; float: left; margin: 2px 2px 0 0">{{city.name}}
                        ({{city.province}})</div>
                    <div style="font-size: 12px; float: left; margin: 3px 3px 0 0">{{city.region}}</div>
                </div>
                </ng-template> </p-autoComplete>

这是在onSelect中调用的方法setCity（）

setCity(value) {

    this.selected.city = value.name;
    console.log(value.name);
  }

该组件正确显示建议列表，但现在当我选择其中一条建议时，我看到自动填充输入字段为空，是否存在绑定问题？

使用对象绑定角度4自动完成primeng

0 个答案: