26 lines
821 B
TypeScript
26 lines
821 B
TypeScript
import { Directive, ElementRef, Renderer, AfterViewInit, Input } from "@angular/core";
|
|
|
|
@Directive({
|
|
selector: "[mydpfocus]"
|
|
})
|
|
|
|
export class FocusDirective implements AfterViewInit {
|
|
@Input("mydpfocus") value: string;
|
|
|
|
constructor(private el: ElementRef, private renderer: Renderer) {}
|
|
|
|
// Focus to element: if value 0 = don't set focus, 1 = set only focus, 2 = set focus and set cursor position
|
|
ngAfterViewInit() {
|
|
if (this.value === "0") {
|
|
return;
|
|
}
|
|
|
|
this.renderer.invokeElementMethod(this.el.nativeElement, "focus", []);
|
|
|
|
// Set cursor position at the end of text if input element
|
|
if (this.value === "2") {
|
|
let len = this.el.nativeElement.value.length;
|
|
this.el.nativeElement.setSelectionRange(len, len);
|
|
}
|
|
}
|
|
} |