Angular Focus Directive

external-emails.component.html

<input focus-input formControlName="address" id="emails-{{ ii }}" class="form-control" type="email" name="emails[]" />

focus-input.directive.ts

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

@Directive({
   selector: '[focus-input]'
})
export class FocusInput implements AfterViewInit {

   constructor(public elem: ElementRef) {}

   ngAfterViewInit() {
       this.elem.nativeElement.focus();
   }
}