ASP.NET样板文件中未触发Angular 10自定义模板验证程序

ASP.NET样板文件中未触发Angular 10自定义模板验证程序,angular,angular-directive,aspnetboilerplate,angular-validation,aspnetzero,Angular,Angular Directive,Aspnetboilerplate,Angular Validation,Aspnetzero,我有一个ASP.NET样板项目,使用.NET Core 3.x和Angular 10构建。在Angular部分,我尝试创建自己的自定义模板验证器 但出于某种原因,它并没有触发。我的验证器基于一个已经存在于框架中的验证器:equal validator.directive.ts 这是我自己的验证器中的内容 从'@angular/core'导入{指令,forwardRef}; 从'@angular/forms'导入{AbstractControl,NG_VALIDATORS,ValidationEr

我有一个ASP.NET样板项目,使用.NET Core 3.x和Angular 10构建。在Angular部分,我尝试创建自己的自定义模板验证器

但出于某种原因,它并没有触发。我的验证器基于一个已经存在于框架中的验证器:
equal validator.directive.ts

这是我自己的验证器中的内容

从'@angular/core'导入{指令,forwardRef};
从'@angular/forms'导入{AbstractControl,NG_VALIDATORS,ValidationErrors,Validator};
@指示({
选择器:“[validateBsn]”,
供应商:[
{provide:NG_验证器,useExisting:forwardRef(()=>BsnValidator),multi:true}
]
})
导出类BsnValidator实现验证程序{
构造函数(){
log('validator-loaded');
}
验证(控件:AbstractControl):验证错误{
console.log('test');
返回{
validateBsn:true
};
}
}
然后在
shared.module.ts
(其中还加载了另一个验证器)中,我添加了以下内容:

import{EqualValidator}来自“./directions/equal validator.directive”;
从“./directions/bsn validator.directive”导入{BsnValidator};
@NGD模块({
进口:[
…故意遗漏
],
声明:[
……故意忽略了其他人
BsnValidator,
等速校准仪
],
出口:[
……故意忽略了其他人
BsnValidator,
等速校准仪
]
})
然后在我的HTML中,我将我的验证器添加到输入中:


但是,每当我加载页面时,验证程序似乎从未被触发。我没有看到我在验证器中添加的
console.log
消息

理想情况下,我希望它触发模糊。但当我提交表格时,我也没有看到任何事情发生


我做错了什么?有什么我忘了添加的吗?

你能创建stackblitz吗?