在输入框中输入文本时动态输入焦点外移 Angular 11

Question

我在 Angular 11

中使用 formGroup 添加了动态元素

但是当我输入一些文本时，输入的焦点会散开。

dynamic input added on check box

Answer 1

我发现了我的错误并在遍历表单数组后解决了它

<div formArrayName="permissions" *ngFor="let perm of formArr.controls; let i = index">
      <ng-container [formGroupName]="i">
        <div class="row justify-content-center" style="margin-bottom: 5px;">
          <div class="col-sm-4">
            <input type="text" class="form-control" formControlName="name" placeholder="Name">

          </div>
          <div class="col-sm-4">
            <input type="text" class="form-control" formControlName="value" placeholder="Value">
            <small class=" form-text text-danger" *ngIf="(!form.get('value').valid) || form.get('value').touched">
              <span *ngIf="form.get('value').errors?.required">This feild is required.</span>
            </small>
          </div>
          <div *ngIf="!i;else content">
            <i class="ti-plus text-primary pointer" (click)="addNewRow()"></i>
          </div>

          <ng-template #content>
            <i class="ti-trash text-danger pointer" (click)="deleteRow(i)"></i>
          </ng-template>
        </div>
      </ng-container>
    </div>

在输入框中输入文本时动态输入焦点外移 Angular 11

Dynamic input focus out when entering text into input box Angular 11

angular11

formgroups