FormlyModule.forChild(),
FormlyNgZorroAntdModule,
],
...
})
export class WelcomeModule {}
第二步:在页面中添加...;
使用 Formly 内置验证:
在新用户注册表单的基础上增加输入年龄字段的配置,再为每个字段配置的 props 增加 required 属性,表示这是一个必填的字段,就像新用户注册表单中用户名字段一样...label}仅支持录入中文`,
},
},
}
为字段添加自定义验证函数:
接着为新注册用户表单添加新的字段:邮箱、身份证、手机号,分别非这三个字段自定义校验函数:
全局注册自定义校验函数,...[a-zA-Z]{2,}$/,
},
},
],
},
}
自定义异步验证实现唯一校验:
通过接口实现手机号在系统中唯一使用也是最为常见的一个场景,通过异步验证需要使用将使用同步验证函数时的...label}已被使用`,
},
},
}
字段默认在 change 事件发生后就会触发验证,对于异步验证来说体验就不是很好,可以通过 modelOptions.updateOn 改变验证触发的时机