Angular在模板驱动表单中自定义校验器的方法(2)

本章介绍的是如何对模板驱动表单创建自定义校验器，它相比较响应式表单自定义校验器略为复杂一些。但是实际运用中，我们不应该只为某个构建表单风格做一种自定义校验器，应该二者是共存的。

比如上面 159 开头的示例。更合理的编写方式应该是将校验逻辑独立：

export class MyValidators { static checkMobile(value: string): ValidationErrors|null { return !value.startsWith('159') ? { mobile: { msg: '手机号必须是159开头' } } : null; } } // 校验器类 export class UserMobileDirective implements Validator { validate(c: AbstractControl): { [key: string]: any; } { let value: string = c.value || ''; return MyValidators.checkMobile(value); } }

这样，同一个校验器，不管是模板驱动表单还是响应式表单，都能是通用的。

总结

以上所述是小编给大家介绍的Angular在模板驱动表单中自定义校验器的方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

您可能感兴趣的文章: