30 lines
916 B
TypeScript
30 lines
916 B
TypeScript
import { Directive, ElementRef, AfterViewInit, Input, Renderer2 } from "@angular/core";
|
|
|
|
@Directive({
|
|
selector: "[mydpfocus]"
|
|
})
|
|
|
|
export class FocusDirective implements AfterViewInit {
|
|
@Input("mydpfocus") value: string;
|
|
|
|
constructor(private el: ElementRef, private renderer: Renderer2) {}
|
|
|
|
// 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;
|
|
}
|
|
|
|
console.info("focus");
|
|
/*if (typeof document !== 'undefined') {
|
|
this.el.nativeElement.focus();
|
|
}*/
|
|
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);
|
|
}
|
|
}
|
|
} |