在 angular 表中按下选项卡时如何移动到下一个输入字段？

Question

在 angular 表中按下选项卡时如何移动到下一个输入字段？ 在单元格中按 Tab 时，cursor 应移动到下一个单元格（从左到右）。 例如，在下面的屏幕截图中，我目前正在编辑名称字段，当我按下制表符时，它应该移动（从左到右）到重量，如果我再次按下制表符，它将移动到符号等等，如果字段不是，它应该跳过可点击或没有指针事件。 感谢您的帮助和想法。

#我的堆栈闪电战

https://stackblitz.com/edit/am-all-imports-65vtbu?file=app%2Fapp.component.ts

＃截屏

Answer 1

您需要附加一个事件，该事件会keydown.tab ，然后调用相应单元格的编辑。

<input
        (keydown.Tab)="edit(i, 'symbol')"
        matInput
        placeholder="Placeholder"
        (blur)="reset()"
        [(ngModel)]="element.weight"
        appFocusOnLoad
      />

分叉的堆栈闪电战