当它们侦听同一个输入字段时,如何区分哪个验证器失败?
假设我有一个简单的输入字段和两个附加到该字段的自定义验证器:
我的验证器1
和
我的验证器2
<div class="form-group">
<label for="name">Character Name</label>
<input type="text" id="name" name="name"
ngModel required myValidator1="name" myValidator2="name"
#nameCtrl="ngModel">
<span class="help-lock" *ngIf="nameCtrl.invalid && nameCtrl.touched">Please enter a name!</span>
<small [hidden]="nameCtrl.valid">
Some error occur
</small>
</div>
我实现了这两个验证器,如下所示:
@Directive({
selector: '[myValidator1]',
providers: [{provide: NG_VALIDATORS, useExisting: DuplicateCharValidatorDirective, multi: true}]
})
export class Validator1 implements Validator {
validate(control: AbstractControl): { [key: string]: any; } {
if (this.swService.someValidation(control.value) !== -1) {
return { myValidator1 : false };
}
return null;
}
constructor(private swService: StarWarsService, @Attribute('myValidator1') public myValidator1 : string) { }
}
第二验证器:
@Directive({
selector: '[myValidator2]',
providers: [{provide: NG_VALIDATORS, useExisting: DuplicateCharValidatorDirective, multi: true}]
})
export class SomeOtherValidation implements Validator {
validate(control: AbstractControl): { [key: string]: any; } {
if (this.swService.validateSomethingDifferent(control.value) !== -1) {
return { myValidator2 : false };
}
return null;
}
constructor(private swService: StarWarsService, @Attribute('myValidator2') public myValidator2 : string) { }
}
我的问题是,为了知道validation1失败还是validation2失败,我应该返回什么?据我所知,这些验证集
NG无效
输入字段,但我不知道是因为第一个还是第二个验证器而设置的。