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

Question

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

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

我正在使用模板

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

和我的 class 我用

@ViewChild('textValue') 文本值；

this.textValue.nativeElement.focus();

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

谁能给些建议？？

Answer 1

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

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

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