Update “autofocus” attribute via interaction on template level in angular

Question

Having a problem regarding the autofocus attribute in cooperation with Angular. In detail I have a

with an

Answer 1

Another option is hide the inputs (not use *ngIf else display.style) and reference variables see https://stackblitz.com/edit/angular-sbc4pp?file=src%2Fapp%2Fapp.component.html

    
       
             Option 1
    
    

    
      
             Option 2
    

  

  

Your function change like

  change(element:any,index:number)
  {
  this.selection=index;
  setTimeout(()=>{element.focus()},0);
  }