angular - 如何将焦点放在角度2中的不同文本框上

Question

我有超过 25 个文本框，我需要根据用户输入将焦点放在每个文本框上。

但我不想在我的 HTML 中创建 25 个不同的参考变量，这也会影响我的角度代码的长度。

我正在使用模板

<input type="text" [(ngModel)]="textVal" #textValue>

和我用过的课

@ViewChild('textValue') 文本值；

this.textValue.nativeElement.focus();

所以我的问题是我是否需要创建 25 个参考变量和 25 个视图子变量

有人可以提出一些建议吗？

Answer 1

一个可能的解决方案是@ViewChildren在您的组件中使用：

@ViewChildren('input[type=text]')
allInputs;

这样，您就可以根据您的业务逻辑将重点放在任何这些输入上。不再需要使用参考变量。