(#6) Auto focus public directive

Author: opiepj

src/app/directives/directives.ts

@@ -1,6 +1,9 @@
 /// <reference path="../../typings/_custom.d.ts" />
 /*
  * Angular 2
+ * @coreDirectives: collection of Angular core directives
+ * @formDirectives: list of all the form directives
+ * @routerDirectives: list of all the router directives
  */
 import {coreDirectives, formDirectives} from 'angular2/angular2';
 import {routerDirectives} from 'angular2/router';

src/app/directives/directives/auto-focus.ts

@@ -0,0 +1,19 @@
+/// <reference path="../../../typings/_custom.d.ts" />
+/*
+ * Angular 2
+ * @Directive: factory function
+ * @ElementRef: class, reference to the element
+ */
+import {Directive, ElementRef} from 'angular2/angular2';
+// Simple example directive that fixes autofocus problem with multiple views
+@Directive({
+  selector: '[autofocus]' // using [ ] means selecting attributes
+})
+export class Autofocus {
+  constructor(public el: ElementRef) {
+    // autofocus fix for multiple views
+    if (this.el.nativeElement.focus) {
+      this.el.nativeElement.focus();
+    }
+  }
+}