如何解决使用 angular 形式在选择下拉列表中设置默认值
嗨,我们如何使用angular formly库为选择字段设置默认值
this.uiFormFactory.createSelect(
Location,this.store.select(StoreUtil.getParameterOptions(ParameterId.Location)),PersonDetailsFieldLabel.location,{
required: true,select: { searchable: true,virtualscroll: true,defaultValue: 'Home' },readonly: false,}
),
解决方法
你可以这样使用:
form = new FormGroup({});
options: FormlyFormOptions = {};
fields: FormlyFieldConfig[] = [
{
key: 'select box',type: 'select',defaultValue: 'value1',templateOptions: {
label: 'select something',options: [
{ label: 'value 1',value: 'value1' },{ label: 'value 2',value: 'value2' },{ label: 'value 3',value: 'value3' },],},];
submit() {
console.log('submit form');
}
}
<form [formGroup]="form" (ngSubmit)="submit()">
<formly-form [fields]="fields" [options]="options" [form]="form"></formly-form>
<button type="submit" class="btn btn-primary submit-button" [disabled]="!form.valid">Submit</button>
</form>
当然,你可以随意设置options数组
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。