小编use*_*259的帖子

在第一个文本框中输入文本后，我需要移动下一个文本框。在第一个选项卡中键入文本后，它必须自动移动到下一个选项卡。

<div class="autotabbed-container">
  <div id="example1" class="autotabbed">
    <h3>Bank sort code: XX-XX-XX</h3>
    <input type="text" maxlength="2" size="2" />
    -
    <input type="text" maxlength="2" size="2" />
    -
    <input type="text" maxlength="2" size="2" />
  </div>
</div>

当我在第一个文本框中键入文本时，光标需要移动下一个文本框。请帮助如何在角度4中实现这一目标。

如果我想在ngFor中申请，则相同的代码将无法正常工作。在下面的代码中，如果我想显示基于ngFor循环的文本框。在第一个TD中，我将显示密码文本框，在第二个TD中，我将仅显示星号。在这种情况下，我们如何动态应用#input。我只需要指出第一个td项目，而不是下一个td项目。因此，在这种情况下，我们如何实现自动对焦。

<tr>
  <ng-container *ngFor="let i of dynamicArr, let x = index">
    <td *ngIf="i !== '*'">
      <input type="password" #input1 formControlName="dyna{{i}}" id="dyna{{i}}" (input) = "onInputEntry($event, input2)" required maxlength="1" />
    </td>
    <td *ngIf=" i === '*' ">
      <img class="flotado_right" id="starimage" src="starimage.jpg" class="dot-image">        
    </td>
  </ng-container>
</tr>

我正在构建如下所示的动态数组，并且动态文本的值类似2 5和7。在这种情况下，dynamicArr [2] = 1，dynamicArr [5] = 2，dynamicArr …