New Content Focus

websites.component.html

<div>
   <button type="button" (click)="toggleForm()">
       <ng-container *ngIf=" ! showForm">Show form</ng-container>
       <ng-container *ngIf="showForm">Back</ng-container>
   </button>

   <ng-container *ngIf=" ! showForm">
       <table id="mytable"></table>
   </ng-container>

   <ng-container *ngIf="showForm">
       <form>
           <label>Website</label>
           <input type="text" id="website" name="website" />
       </form>
   </ng-container>

</div>

websites.component.ts

public toggleForm() {
   this.showForm = ! this.showForm;
  
   let focus = this.showForm ? 'website' : 'mytable';
  
   setTimeout(() => {
       document.getElementById(focus).focus();
   });
}