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

时间:2020-09-04 16:28:48

标签: javascript angular primeng angular-formly ngx-formly

我正在正式使用自动完成填充,无法从列表中的选项之一设置此字段的默认值。我已经浏览了有关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);
   }
 }
}

0 个答案:

没有答案