Tập trung một FormControl nếu md-lỗi được nâng lên

Question

Đôi khi chúng tôi đang tạo biểu mẫu có nhiều điều khiển nhập cho phép vùng chứa (ví dụ: div) để hiển thị thanh cuộn dọc.

Tôi xác định biểu mẫu này là FormGroup và mọi đầu vào là FormControl có mẫu md-error được kết hợp.

Có thể để cuộn và tập trung điều khiển biểu mẫu nếu lỗi md của nó được kích hoạt khi gửi biểu mẫu?

Answer 1

Bạn có thể thử sử dụng Chỉ thị cho giống nhau và đặt nó lên trên Điều khiển biểu mẫu.

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(); 
     } 
    } 

}