问题描述
我正在正式使用自动完成填充,无法从列表中的选项之一设置此字段的默认值。我已经浏览了有关angular的primeng文档,该文档建议使用ngModel可以正常工作,但是我们如何在正式的自动完成字段中使用它。
我已经使用Stackblitz创建了一个示例,以进行更好的演示
代码也如下:
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 (将#修改为@)