k15t-aui-ng2/dist/common/directives/focus-element.directive.ts

aui-ng2 is a set of angular 2 components, directives and services to simplify the integration with Atlassian products based on AUI/ADG. The library is still under development and is considered in an experimental state. So be aware that things will change

import {AfterViewInit, Directive, ElementRef} from '@angular/core';

/**
 * Directive to move the focus to element where the directive it defined as attribute.
 */
@Directive({
    selector: '[auiNgAutoFocus]'
})
export class AuiNgAutoFocusDirective implements AfterViewInit {

    constructor(
        private elementRef: ElementRef
    ) {}

    ngAfterViewInit() {
        this.setFocus();
    }

    setFocus() {
        this.elementRef.nativeElement.focus();
    }
}