-import { AfterViewInit, Directive, ElementRef } from '@angular/core';
+import { AfterViewInit, Directive, ElementRef, Input } from '@angular/core';
import * as _ from 'lodash';
selector: '[autofocus]' // tslint:disable-line
})
export class AutofocusDirective implements AfterViewInit {
+ private focus = true;
+
constructor(private elementRef: ElementRef) {}
ngAfterViewInit() {
const el: HTMLInputElement = this.elementRef.nativeElement;
- if (_.isFunction(el.focus)) {
+ if (this.focus && _.isFunction(el.focus)) {
el.focus();
}
}
+
+ @Input()
+ public set autofocus(condition: any) {
+ if (_.isBoolean(condition)) {
+ this.focus = condition;
+ } else if (_.isFunction(condition)) {
+ this.focus = condition();
+ }
+ }
}