时间戳

首页 > 解决方案 > 在 FormArray 中将焦点设置为动态创建的 FormControl

angular - 在 FormArray 中将焦点设置为动态创建的 FormControl

问题描述

我是 Angular 的新手，我已经能够应付大多数事情。我已经对此进行了一段时间的研究，但无法确定如何将焦点设置到在 FormArray 中创建的新 FormControl。下面是相关的html代码和addRoom函数。我想将焦点设置到 addRoom 函数中的新控件。

<div><span>Workspaces/Rooms</span><mat-icon (click)="addRoom()">add_circle_outline</mat-icon></div>
    <div class="indent">
      <div formArrayName="workspaces">
        <div *ngFor="let item of adminForm.get('workspaces')['controls'];  let j=index">
            <input type="text" formControlName = "{{j}}" autofocus/><mat-icon (click)="deleteRoom(j)">delete_forever</mat-icon>
        </div>
      </div>
    </div>

addRoom():void{
    (<FormArray>this.adminForm.controls['workspaces']).insert(0, new FormControl(null));
    //need code to set focus on new control
  }

标签： angularfocusformarray

解决方案

推荐阅读