无法使用prime-ng将默认值设置为自动自动完成角度

问题描述

我正在正式使用自动完成填充,无法从列表中的选项之一设置此字段的认值。我已经浏览了有关angular的primeng文档,该文档建议使用ngModel可以正常工作,但是我们如何在正式的自动完成字段中使用它。

我已经使用Stackblitz创建了一个示例,以进行更好的演示

https://stackblitz.com/edit/ngx-formly-ui-primeng-ncrfyl-formly-autocomplete?file=src/app/app.component.ts

代码也如下:

FromlyAutoComplete组件

<p-autoComplete
 field="label"
 [formControl]="formControl"
 [formlyAttributes]="field"
 [forceSelection]="true"
 [suggestions]="to.results"
 [style]="{'width':'100%'}"
 [inputStyle]="{'width':'100%'}"
 (completeMethod)="to.searchObject(to,$event)"
 (onSelect) ="to.onSelect(field,$event)"
 [dropdown]="true">
</p-autoComplete>

在我使用代码的组件中,如下所示:

{ //Autocomplete field starts here
  className: 'form-group col-md-6',key: 'employee',type: 'autocomplete',wrappers: ['form-field'],defaultValue: formState.employees[0].value,//Setting here doesnt help
  templateOptions: 
{
  results: [],placeholder: 'Select Employee',required: true,searchObject: (templateOptions,$event) => 
   {
    templateOptions.results =
    formState.employees.filter(item =>item.label.toLowerCase().indexOf($event.query.toLowerCase()) > -1);
   }
 }
}

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)

相关问答

Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其...
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。...
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbc...