Dimski
@Dimski
Программирование - мое хобби

Angular. Как валидировать input в дочернем компоненте?

Доброго времени суток!

Есть такая проблема. Нужно сделать валидацию формы, но проблема что инпуты вынесены в отдельные компоненты в которых скрыта логика необходимая для бизнеса. Как произвести валидацию инпутов в дочерних компонентах?

Patent.html
<form [formGroup]="form" (ngSubmit)="submit()">
  <input type="text" name="one" formControlName="one"><br><br>
  <app-childten formControlName="two"></app-childten>
  <button>Send</button>
</form>


parent.ts
form: FormGroup

  ngOnInit() {
    this.form = new FormGroup({
      one: new FormControl('', [Validators.required]),
      two: new FormControl('', [Validators.required]),
    })
  }

  submit() {
    console.log(this.form)
  }


childten.html
<input type="text" name="two" formControlName="two">
  • Вопрос задан
  • 194 просмотра
Решения вопроса 1
@LastDragon
1. https://medium.com/@a.yurich.zuev/angular-nested-t...
2. или явно передать `form` в children
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы