Skonfiguruj FormControl, jeśli błąd md zostanie podniesiony

Question

Czasami tworzymy formularz, który ma wiele kontrolek wejściowych, które umożliwiają kontenerowi (np. Div) pokazywanie pionowego paska przewijania.

Definiuję ten formularz jako FormGroup, a każde wejście to FormControl, które ma wbudowany szablon md-error.

Jest możliwe, aby przewijać i skupiać formantu formularza, jeśli jego błąd md zostanie wyzwolony podczas wysyłania formularza?

Answer 1

Możesz spróbować użyć dyrektywy dla tego samego i umieścić ją na górze Form Form.

import { ElementRef, HostBinding, Input } from '@angular/core'; 
import { Directive } from '@angular/core'; 

@Directive({ 
    selector: '[scrollToError]' 
}) 

export class ScrollDirective { 
    constructor(private elRef:ElementRef) {} 

    @HostBinding('hidden') isError:boolean = false; 

    @Input() set scrollToError(cond) { 
     this.isError = cond; 
     if(cond) { 
      this.elRef.nativeElement.scrollIntoView(); 
      this.elRef.nativeElement.focus(); 
     } 
    } 

}