Блог

У меня есть пользовательский компонент. От родительского элемента через управляющие формы. Я передаю валидатор. Как мне перехватить его внутри моего компонента?

Родительский:

 this.formControl = new FormControl('', [Validators.required, 
Validators.pattern(REGEX_PAC_CODE)])
  

Пользовательский компонент:

 <code-entry [formControl]="formControl"></code-entry>
  

Создайте @input для formgroup и переменной formcontrol, как показано ниже, в вашем пользовательском компоненте.

   @Input() formGroup: FormGroup;
  @Input() formControl: string;
  

передайте эти значения из родительского компонента, как показано ниже

 <code-entry [formGroup]="myGroup" [formControl]="myFormcontrol" >
  

При создании formcontrol добавьте валидатор таким же образом, вы можете получить к нему доступ внутри своего пользовательского компонента, используя FormGroup, как показано ниже:

 this.formGroup.controls['myFormcontrol'].parent.validator