【发布时间】：2021-05-24 02:57:44
【问题描述】：
我正在使用 Angular 10 中的验证器制作表单，并且我正在为我的表单使用 Validators.min() 方法...
代替我在表单中硬编码 Validators.min('100') 值，我怎样才能创建一个将值设置为 100 的全局变量，并且我可以跨组件重用这个变量？
【问题讨论】：
标签： angular typescript forms validation angular-material
【发布时间】：2021-05-24 02:57:44
【问题描述】：
说全局我猜你的意思是你可以导入/注入并在其他服务/组件中使用的东西。最简单的方法是将一些枚举放在共享目录中，例如app/shared/configs/validator.ts，然后您将其导出如下
export enum ValidatorConfig {
MIN = 100;
MAX = 1000;
}
然后你可以在任何需要的地方导入它
import { ValidatorConfig } from 'src/app/shared/configs/validator';
并像这样使用它
Validators.min(ValidatorConfig.MIN)
【讨论】：
-
使用枚举作为参数似乎很奇怪...具有静态属性的类也可以这样做，但更容易理解。
-
不要认为这里有什么难理解的地方，这种方法在 Angular 生态系统中被广泛使用。但可以肯定的是，具有静态属性的类也可以。