27 lines
786 B
TypeScript
27 lines
786 B
TypeScript
|
import { Directive, ElementRef, OnDestroy, OnInit } from "@angular/core";
|
||
|
import { NgControl } from "@angular/forms";
|
||
|
import { Subscription } from "rxjs";
|
||
|
|
||
|
@Directive({
|
||
|
selector: "[appA11yInvalid]",
|
||
|
})
|
||
|
export class A11yInvalidDirective implements OnDestroy, OnInit {
|
||
|
private sub: Subscription;
|
||
|
|
||
|
constructor(private el: ElementRef<HTMLInputElement>, private formControlDirective: NgControl) {}
|
||
|
|
||
|
ngOnInit() {
|
||
|
this.sub = this.formControlDirective.control.statusChanges.subscribe((status) => {
|
||
|
if (status === "INVALID") {
|
||
|
this.el.nativeElement.setAttribute("aria-invalid", "true");
|
||
|
} else if (status === "VALID") {
|
||
|
this.el.nativeElement.setAttribute("aria-invalid", "false");
|
||
|
}
|
||
|
});
|
||
|
}
|
||
|
|
||
|
ngOnDestroy() {
|
||
|
this.sub?.unsubscribe();
|
||
|
}
|
||
|
}
|