Question

我在下面尝试过，但是没有用。

以下添加到<p-autocomplete>

[ngModelOptions]="{standalone: true}"和[(ngModel)]="sampleModelData"

并在.ts文件中添加

this.sampleModelData='ramesh';

即使我尝试在.ts文件中进行如下设置，但这也无法正常工作。 (<HTMLInputElement>document.getElementById('sampleModelData')).value='ramesh123';

如何解决问题

Answer 1

您需要获得对自动完成组件的引用，可以访问输入的本机元素

  @ViewChild('autoItems', { static: true }) public autoItems: AutoComplete; // ?

  setAutoValue() {

    this.selectedValue = {label:'Apple' , value:'apple'}; 
    this.autoItems.inputEL.nativeElement.value = this.selectedValue.label; // ?
  }

模板

<p-autoComplete [(ngModel)]="selectedValue" field="label" [suggestions]="result" 
   (completeMethod)="search($event)"#autoItems>
</p-autoComplete>

demo ?

如何为预装自动完成<p-autocomplete>

1 个答案: