Первое поле автофокуса при возникновении недопустимой ошибки - реактивная форма

Question

когда я забыл заполнить какое-то поле и отправить кнопку формы, я прокручиваю вручную маленькое устройство, чтобы найти нужное поле.поэтому я хочу автоматически сфокусировать это поле при отправке.Я сделал много исследований и разработок.пожалуйста, направьте меня

я пытаюсь с этим кодом, но не работает

if (!this.form.valid) {
 let invalid = <FormControl[]>Object.keys(this.form.controls).map(key => this.form.controls[key]).filter(ctl => ctl.invalid);
  if (invalid.length > 0) {
    invalid[0].nativeElement.focus();
   //here i'm not find any nativeElement
  }  
 return false;
}