我应该在 Angular 17 中的哪里编写我的验证器？

Question

我正在使用 Angular 17，我需要为我的反应式表单编写一些自定义验证器。我打算将它们写入声明表单的组件中，但我知道这些验证器将在整个应用程序的不同表单上重用。

我正在考虑创建一个 ValidatorService 来存储我所有的自定义验证器，但我想知道最佳实践应该是什么？我应该有一个 utils 类吗？

Answer 1

您无需创建服务

您可以使用您的函数创建 .ts

export function validator1(...){...}
export function validator2(...){...}

或者创建一个对象

export CustomValidators{
     validator1:(...)=>{...}
     validator2:(...)=>{...}
}

然后将它们导入到需要的.ts中

import {validator1,validator2} from '../../my-functions.ts'

or

import {CustomValidators} form './my-object-validator.ts'