D-Net

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

        }

    }

}